带折线图的气泡图答案

【问题标题】：Bubble Charts with Line Chart带折线图的气泡图
【发布时间】：2015-06-26 05:15:44
【问题描述】：

有没有同时支持折线图和气泡图的图表库？或者有什么办法可以让它成为可能？我在剑道图表、d3 图表、rgraph、融合图表等中进行了尝试。没有发现气泡和线条的任何组合。

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

【问题讨论】：

你能放一张你希望气泡图和折线图如何结合在一起的屏幕截图吗..
Cyril.. 我编辑并添加了示例图像
所以你有单独的气泡和线数据集？
是的，西里尔。我们有不同的数据集

标签： jquery html d3.js charts kendo-chart

【解决方案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/。

【讨论】：