具有动态数据的Highcharts气泡图

时间:2014-03-01 15:11:38

标签: javascript jquery highcharts

请看这个小提琴:http://jsfiddle.net/8rbmG/

问题是我正在尝试在Highcharts中为Bubble Chart添加动态数据。我找不到任何例子。 数据应该是:data: [[97,36,79],[94,74,60],[68,76,58],[64,87,56],[68,27,73],[74,99,42],[7,93,87],[51,69,40],[38,23,33],[57,86,31]],即数组内的数组(来自他们的样本小提琴:http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bubble/

但是当我试图达到同样的目标时,图表就不会被绘制出来。我很确定问题在于我提供数据的方式。另外,我收到了这个错误:

  

Uncaught Highcharts错误#19:www.highcharts.com/errors/19

是:http://www.highcharts.com/errors/19

1 个答案:

答案 0 :(得分:1)

您的数据格式为:

{
  "Month": "Dec", // x category
  "Cost": "978033", // x value 
  "Profit": "101661",  // y value
  "Revenue": "769755" // radius of bubble
}

当您提供x轴类别时,内部Highcharts在轴刻度处绘制这些:

[0, 1, 2, 3, 4, 5, 6 ....

所以你有一种情况,它试图从0开始绘制类别,但随后绘制x数据从数千个开始,因此Too many ticks错误。

您是否想要在xaxis上花费数月或费用?这是cost,这里是months