Question

有没有办法在dojox列型图表中显示实际条形图上方每个条形的y值？这是我的代码（我从http://glenurban.me.uk/A55D03/Blog.nsf/dx/DojoChart.htm获得）：

<script type="text/javascript">
dojo.require("dojox.charting.Chart2D");

var series1 = [ 3, 2, 5, 3, 6, 4]; 
var xlabels = [ 
    {value : 1, text : "a"}, 
    {value : 2, text : "b"}, 
    {value : 3, text : "c"}, 
    {value : 4, text : "d"}, 
    {value : 5, text : "e"}, 
    {value : 6, text : "f"}, 
    {value : 7, text : "g"}];

var chart1;
makeCharts = function() {
    chart1 = new dojox.charting.Chart2D("simplechart");
    chart1.addPlot("default", {
        type : "Columns",
        gap : 2
    });
    chart1.addAxis("x", {
        labels : xlabels
    });
    chart1.addAxis("y", {
        vertical : true,
        min : 0
    });
    chart1.addSeries("Series1", series1);
    chart1.render();
};

dojo.addOnLoad(makeCharts);
</script>

Answer 1

不幸的是，看起来这是一个尚未包含在Dojo更高版本中的功能：请参阅ticket和此ticket（从this mailing list找到。）

我已经尝试检查是否有办法使用Dojo GFX从您的一系列数据中获取值...然后将其叠加到图表上。但是，这样做的标签将是kludgy （这完全取决于Dojo GFX的表面是否允许在已经创建的SVG图表对象上进行表面覆盖。）

始终可以选择将此功能添加到Dojo Chart2D库本身。但是，除非您能够使用主Dojo Chart2D分支更改补丁，否则您将要小心不要在未来使用较新版本的Chart2D覆盖您的定制库。

然而，如果你因为这个特殊需要而没有遇到Dojo，你考虑过使用jQuery吗？这些天有很多不同的图表/图表库：

Highcharts（examples）
Flot（examples）
Tuftegraph（examples）

另外，Google Chart Tools非常好，如果jQuery不是你的话。

或者...... JavaScript InfoVis Toolkit也很棒。

Answer 2

有关信息，现在可以使用带有标签的柱形图。例如：

addPlot（“default”，{type：“ClusteredColumns”，标签：true ，labelStyle：“outside”或“inside”}）

如何在dojox列图表中显示条形图上方的值

2 个答案: