Question

我需要使用我的PHP脚本动态填充饼图。

我的概念有一个范围栏，它根据json中每个索引包含的值更新系列。我发现了一个如下图所示的饼图：http://codepen.io/KenFalcon/pen/OVKOZB。

但是我觉得它没有用json实现。

我有另一个例子，但是这个默认只接受2个值（值1和值2）。这是http://codepen.io/jaybaz1/pen/blgfh

  $.getJSON('https://s3-us-west-2.amazonaws.com/s.cdpn.io/132755/GetTableData.json', function(data, response){
  var JSONRowData = data.ResponseData[0].RowData;

  $.each(JSONRowData, function(i){
  var $this = $(this);
  //Save each column value into a seperate array
  commonality.arrays.complete_data.push([$this[1], $this[2]]);
  commonality.arrays.commonality.push(parseFloat($this[0]));

  var to = parseInt($this[1]),
  to2 = to.toFixed(2),
  from = parseInt($this[2]),
  from2 = from.toFixed(2);

  commonality.arrays.coverageTo.push(to);
  commonality.arrays.coverageFrom.push(from);

  //Set default array values
  commonality.value.commonality = commonality.arrays.commonality[0];
  commonality.value.coverageTo = commonality.arrays.coverageTo[0];
  commonality.value.coverageFrom = commonality.arrays.coverageFrom[0];
  });

  var a = new RBM_init_commonality.pieChart(commonality.arrays.div[0]);
  var b = new RBM_init_commonality.pieChart(commonality.arrays.div[1]);

  update_graph(a, b);
  slider(a, b);
});

这个样本很好，因为它使用类似于我的json。在此示例中，对于Json中的每一行，都会对索引进行滑动，它会绘制另一个具有相应值的切片。

然后对于1到10之间的条形，json将是这样的：

[[1,48,52]， [2,49,51]， ... [10,57,43]]

所以这个：

[[1,33,33,34]， [2,32,5,32,5,35]， ... [10,28,5,28,5,43]]

应生成3切片图。

尝试了来自Highcharts，amcharts和其他人的所有样本，但无法找到解决方案。 PS：我是javascript的新手。

有什么想法吗？

提前致谢。

使用范围栏动态填充饼图

0 个答案: