AmXYChart numberFormatter对某些图表不起作用

时间:2014-07-01 09:46:19

标签: javascript charts amcharts

我创建了代表问题的jsfiddle(http://jsfiddle.net/g44YG/1/) 描述:假设我们希望在图表中有两个图形(两组点),因为我们决定使用气球(工具提示),我们将使用数字格式化器来格式化这些气球中出现的数字。

chart.numberFormatter = {
            precision : 1,
            decimalSeparator : '.',
            thousandsSeparator : ','
        };

以下是我们使用的数据:

var chartData = [ {
            z : 1.17458,
            j : 2.17545
        }, {
            z : 5.17454,
            j : 4.174545
        }, {
            x : 3.45343,
            y : 1.55343
        }, {
            x : 5.53434,
            y : 4.51215
        } ];

以下是两张图的代码:

var graph = new AmCharts.AmGraph();
        graph.xField = "z";
        graph.yField = "j";
        graph.lineAlpha = 0;
        graph.bullet = "round";
        graph.balloonText = "z:[[z]] j:[[j]]";
        chart.addGraph(graph);

var graph = new AmCharts.AmGraph();
        graph.xField = "x";
        graph.yField = "y";
        graph.lineAlpha = 0;
        graph.bullet = "round";
        graph.balloonText = "x:[[x]] y:[[y]]";
        chart.addGraph(graph);

问题是第一个图形(z,j)数字格式化器在第二个图形(x,y)工作正常时不起作用。你可以理解我在这个jsfiddle http://jsfiddle.net/g44YG/1/上的意思。

1 个答案:

答案 0 :(得分:0)

问题解决了。我必须为第一张图改变的是下一行

graph.balloonText = "z:[[z]] j:[[j]]";

我已将其更改为

graph.balloonText = "z:[[x]] j:[[y]]";

这张图开始正常工作。

这里有关于此属性的文档(balloonText):

  

气球文字。您可以使用[[value]],[[description]]等标签,   [[百分比]],[[开放]],[[类别]]或您的任何其他字段名称   数据提供者。也可以使用HTML标记。

我认为这个评论可能让读者感到困惑。如果有人在这里发表评论,那会很棒吗?