1

我正在使用dojox.charting.widget.Chart2D并且我正在尝试从dojo.data.ItemFileReadStore. 我可以检索数据,一切正常并显示,除了我似乎找不到在项目上显示自定义标签的方法。我的 HTML 片段是:

<div dojoType="dojo.data.ItemFileReadStore" jsId="chartDataStore" 
    url="json/archiveinfo.json.php"></div>
<div dojoType="dojox.charting.widget.Chart2D" id="chartTest" 
    theme="dojox.charting.themes.PlotKit.blue" style="width: 300px; height: 300px;">
  <div class="plot" name="default" type="Pie" fontColor="black" htmlLabels="false" 
    radius="100"></div>
  <div class="series" name="Series A" store="chartDataStore" field="y" 
    label="text" valueFn="Number(x)"></div>
  <div class="action" type="Tooltip"></div>
  <div class="action" type="MoveSlice"></div>
</div>

我来自 ItemFileReadStore 的 JSON 是:

{"identifier":"id","labelAttribute":"text","items":
  [
    {"id":1,"y":55,"text":"Free"},
    {"id":2,"y":45,"text":"Used"}
  ]
}

我尝试在系列中设置标签属性并labelAttribute在 JSON 中设置。我也只在 JSON 中尝试过label,但也没有用。当我以 JSON 格式提供数据arraydata直接在系列中提供数据时,标签就可以工作了。我真的很想通过 DataStore 提供数据来使其更加灵活。

4

2 回答 2

1

这样做的方法是稍微修改您的 JSON 并更新 HTML 中的相应属性。

JSON:

{
  "items": [
    {"id":1, "slice": {"y":55,"text":"Free"}},
    {"id":2, "slice": {"y":45,"text":"Used"}}
  ]
}

为简单起见,唯一有意义的更改是在子对象 ( slice) 中分隔特定于饼图的数据。

HTML(仅应修改与商店相关的行):

<div class="series" name="Series A"
  store="chartDataStore" field="slice"></div>

让我知道事情的后续。

于 2010-01-11T07:24:57.657 回答
-1

尽管我使用编程方式在 div 上创建图表,但我不得不面对自定义标签的类似问题......希望这对某人有所帮助......

var mytooltip = new dojox.charting.action2d.Tooltip(mychart,"default", 
    {text: function(e) {
               var tooltiptext = <construct ur custom label here>   
               return tooltiptext;
        }
    }); 

mychart是我用来创建图表小部件的变量....

于 2012-02-07T18:27:35.083 回答