Question

我有一个代码可以在我的网站上绘制一个高图，我需要在同一个div (container)上绘制多个图表，所以请指导达到这个，下面是我的代码

            $('#container').highcharts('StockChart', {
       chart: {
            borderColor: 'black',
            borderWidth: 0,
            borderRadius: 10,
            height:150
        },

我试过追加$('#container').append.highcharts('StockChart',，但它似乎是一个错误的syntex，请分享你的答案，谢谢

Answer 1

直接从highcharts文档页面中获取：

To combine several chart types in one chart you only need to create series of different types：

series: [{
    type: 'column',
    name: 'Jane',
    data: [3, 2, 1, 3, 4]
}, {
    type: 'column',
    name: 'John',
    data: [2, 3, 5, 7, 6]
}, {
    type: 'column',
    name: 'Joe',
    data: [4, 3, 3, 9, 0]
}, {
    type: 'spline',
    name: 'Average',
    data: [3, 2.67, 3, 6.33, 3.33]
}]

JSfiddle example

Answer 2

对您需要的每个子图表重复以下过程。

var chartDiv = document.createElement('div'); // Create a new div
$('#container').append(chartDiv); // Append it to your container
$(chartDiv).highcharts(.....); // Initialize highcharts in that div

如何在同一个div上附加高图？

2 个答案: