【问题标题】:AMCharts How to color bullets by value?AMCharts 如何按值对项目符号进行着色?
【发布时间】:2015-04-25 10:07:06
【问题描述】:

我正在使用 amcharts,并尝试根据它们所具有的值对图表中的项目符号进行着色。所以我在 javascript 中创建了一个数组,并将数据库中的值传递给它。绿色只是一个测试值。

   var chartData = [
      <?php
         foreach($tmp as $row)
           {
             echo'{"Wahrscheinlichkeit":'.$row[3].',"Schaden":'.$row[4].',"value":1,"Beschreibung":"'.$row[2].'", "Color":"Green"},'; 
           }
      ?>
   ];

我在这里创建图表:

 chart = new AmCharts.AmXYChart();
 chart.dataProvider = chartData;

我在这里画图表:

 var graph = new AmCharts.AmGraph();
            graph.valueField = "value"; // größe der Kugeln
            graph.xField = "Wahrscheinlichkeit";
            graph.yField = "Schaden";
            graph.maxBulletSize=20;
            graph.lineAlpha = 0;
            graph.bullet = "circle";
            graph.bulletColor= "[[Color]]";
            graph.balloonText = "Wahrscheinlichkeit:<b>[[x]]</b> Schaden:<b>[[y]]</b><br>Beschreibung:<b> [[Beschreibung]]</b>"
            chart.addGraph(graph);

在“bulletcolor”这一点上,我尝试从数组中取出颜色,但它不起作用。

chart.write("chartdiv");

期待得到您的提示和帮助

【问题讨论】:

    标签: javascript php amcharts


    【解决方案1】:

    “bulletColor”不能像这样引用数据中的字段。

    请改用“lineColorField”:

    http://docs.amcharts.com/3/javascriptcharts/AmGraph#lineColorField

    即:

    var graph = new AmCharts.AmGraph();
    graph.valueField = "value"; // größe der Kugeln
    graph.xField = "Wahrscheinlichkeit";
    graph.yField = "Schaden";
    graph.maxBulletSize=20;
    graph.lineAlpha = 0;
    graph.bullet = "circle";
    graph.lineColorField = "Color";
    graph.balloonText = "Wahrscheinlichkeit:<b>[[x]]</b> Schaden:<b>[[y]]</b><br>Beschreibung:<b> [[Beschreibung]]</b>"
    chart.addGraph(graph);
    

    【讨论】:

    • 这是使用 AmXYChart 的唯一方法,谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-21
    相关资源
    最近更新 更多