带折线图的气泡图

Question

有没有支持折线图和气泡图合集的图表库？或者有什么办法让它成为可能吗？我尝试了 Kendo 图表、d3 图表、rgraph、融合图表等。没有发现气泡和线的任何组合。

我需要的图表应该看起来差不多！列出这个。

Answer 1

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

绘制气泡图

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/。

带折线图的气泡图

Bubble Charts with Line Chart

html

jquery

charts

d3.js

kendo-chart