气泡图与折线图

时间:2015-06-26 05:15:45

标签: jquery html5 d3.js charts kendo-chart

是否有支持折线图和气泡图的图表库?或者有什么方法可以实现吗?我试过Kendo图表,d3图表,rgraph,fussion图表等。没有发现任何泡沫和线条的组合。

我需要的图表应该看看almos!t列出这个。 enter image description here

1 个答案:

答案 0 :(得分:1)

我有两个数据集。在我的示例中,我首先使用数据集

绘制气泡图
var monthlySales = [{
    'stock': 'GOOG',
        'count': 500
}, {
    'stock': 'MSFT',
        'count': 250
}, {
    'stock': 'FB',
        'count': 50
}, {
    'stock': 'AAPL',
        'count': 100
}, {
    'stock': 'EBAY',
        'count': 5
}, {
    'stock': 'BABA',
        'count': 37
}];

然后使用另一个数据集绘制该行

var data = [{
      "month": "January",
      "high": "59.5",
      "low" : "57.0"
    }, {
      "month": "February",
      "high": "59.5",
      "low" : "53.4"
    }, {
      "month": "March",
      "high": "59.0",
      "low" : "53.4"
    }, {
      "month": "April",
      "high": "62.4",
      "low" : "54.7"
    }, {
      "month": "May",
      "high": "58.3",
      "low" : "52.7"
    }, {
      "month": "June",
      "high": "62.1",
      "low" : "54.5"
    }, {
      "month": "July",
      "high": "60.8",
      "low" : "53.4"
    }, {
      "month": "August",
      "high": "61.0",
      "low" : "52.5"
    }, {
      "month": "September",
      "high": "62.4",
      "low" : "52.9"
    }, {
      "month": "October",
      "high": "65.3",
      "low" : "54.0"
    }, {
      "month": "November",
      "high": "70.3",
      "low" : "55.0"
    }, {
      "month": "December",
      "high": "82.2",
      "low" : "58.6"
    }];

工作代码在这里:http://jsfiddle.net/cyril123/asdnypb2/9/