声明式2D列类型dojo图表(自定义轴标签)

Declarative 2D columns type dojo chart (custom axis label)

本文关键字：自定义 标签 图表 dojo 2D 类型 声明      更新时间：2023-09-26

我是新手。我使用dojo 1.6版本。

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

为此我写了下面的代码

<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>

运行得很好

现在的问题是我不知道如何以声明的方式给出自定义轴标签。我在网上搜索了一下，但是没有找到。

请帮忙!

你需要在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
  }
});
相关文章：