Пузырьковые диаграммы с линейной диаграммой

Question

Существует ли какая-либо библиотека диаграмм, которая поддерживает линейные диаграммы и пузырьковые диаграммы вместе? Или есть ли способ сделать это возможным? Я пробовал в диаграммах кендо, диаграммах d3, графике, диаграмме слияния и т. Д. Не нашел комбинации для пузырька и линии.

Диаграмма, которая мне нужна, должна выглядеть примерно так!

Answer 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/.