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

Question

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

Диаграмма, которая мне нужна, должна выглядеть almos! T перечислить это.

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