具有多个数据源的AMChart PieChart DrillDown

时间:2016-11-30 05:16:36

标签: javascript json amcharts drilldown

此代码创建一个AM饼图,现在我想知道如何创建深入分析。例如,如果我单击特定的切片它将显示新数据,则此数据将是外部源(json文件)。然后会有一个后退按钮返回主图表,然后如果点击饼图中的其他切片,新图表将显示取决于数据源(json文件)。

我已经在AM PieChart搜索了其他深入分析,但我没有找到我正在寻找的东西。

var chart1 = AmCharts.makeChart("chartPieMostSolddiv", {
  "type": "pie",
  "dataLoader": {
    "url": "dataPieJson.json",
    "complete": function(chart1){
        if (chart1.legend === undefined || chart1.legend.truncateLabels === undefined)
            return;

          // init fields
          var titleField = chart1.titleField;
          var legendTitleField = chart1.titleField+"Legend";

          // iterate through the data and create truncated label properties
          for(var i = 0; i < chart1.dataProvider.length; i++) {
            var label = chart1.dataProvider[i][chart1.titleField];
            if (label.length > chart1.legend.truncateLabels)
              label = label.substr(0, chart1.legend.truncateLabels-1)+'...'
              chart1.dataProvider[i][legendTitleField] = label;
          }

          // replace chart.titleField to show our own truncated field
          chart1.titleField = legendTitleField;

          // make the balloonText use full title instead
          chart1.balloonText = chart1.balloonText.replace(/\[\[title\]\]/, "[["+titleField+"]]");
                },
                "showCurtain": false
              },
              "titleField": "prod_name",
              "valueField": "quantity",
              "autoWrap": true,
              "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
              "innerRadius": "30%"

});

My Piechart

希望有人能给我一个答案。在此先感谢。

0 个答案:

没有答案