声明式二维柱式道场图（自定义轴标签）

Question

我是 dojo 图表的新手。我使用的是 dojo 1.6 版。

我需要创建带有自定义 x 轴标签的 2D 图表。

为此我在下面写了代码

<div dojoType="dojox.charting.widget.Chart2D" id="chart1" style="width: 300px; height: 300px;"
     theme="dojox.charting.themes.MiamiNice">
        <div class="axis" name="x" font="italic normal normal 8pt Tahoma" fixUpper="major" > <!-- --> </div>
        <div class="axis" name="y" vertical="true" fixUpper="major" includeZero="true" font="italic normal normal 8pt Tahoma"><!-- --></div>
        <div class="plot" name="default" type="Columns" markers="true" gap="4"><!-- --></div>
        <div class="action" type="Tooltip"><!-- --></div>
        <div class="series" name="Run A" data="10, 20, 30, 40, 50, 60, 70"><!-- --></div>
        <div class="action" type="Highlight"><!-- --></div>
        <div class="action" type="Shake" shiftX="1" shiftY="1"><!-- --></div>
</div>

效果很好。

现在的问题是我不知道如何以声明方式提供自定义轴标签。我在网上搜索过这个，但没有运气。

请帮忙！

Answer 1

您需要像这样在 javascript 中的某处创建标签：

labels = [
    {value: 1, text: "One"},
    {value: 2, text: "Two"},
    {value: 3, text: "Three"}
]

然后将您的轴线更改为：

<div class="axis" name="x" font="italic normal normal 8pt Tahoma" fixUpper="major" labels="labels"> <!-- --> </div>

为了能够监听图表事件，您可以执行以下操作：

chart.connectToPlot("default", function(evt) {
  var type  = evt.type; 
  if(type=="onclick") {
    //Do something here
  }
});