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
  }
});

声明性2D列类型dojo图表（自定义轴标签）

1 个答案: