Question

我们是否支持2.1.5版本的堆叠条形图，我看不到下面的代码片段2.1.5版本是否有任何替代方法为2.1.5版本绘制堆积条形图。下面是代码同样适用于最新版本和2.1.9版本但不适用于2.1.5版本

<html>
<head>
<script src="highchart.js"></script>
</head>
<body>
<div id="container" style="min-width: 100px; max-width: 200px; height: 50px; margin: 0 auto"></div>
<script>
chart = new Highcharts.Chart({
       chart: {
            type: 'bar',
            renderTo: 'container'
        },
        xAxis: {
            tickColor: '#FFFFFF',
            tickWidth: 1,
            categories: [''],
            labels:{
                        enabled: false
                },
            visible:false
        },
        title:{
            text:''
        },
        yAxis: {
             title: {
                text: ''
             },
             labels:{
                    enabled: false
             },
             visible:false
        },
        exporting: { enabled: false },
        legend:{
            enabled: false
        },
        plotOptions: {
            series: {
                stacking: 'normal',
                borderWidth:0
            }
        },
        tooltip: {
                enabled: false
        },
        colors:['#999999', '#8BF30D', '#FF0000'],
        series: [
        {
            name: '',
            data: [1]
        }, {
            name: '',
            data: [2]
        },{
            name: '',
            data: [1]
        }]
});
</script>
</body>
</html>

Answer 1

是的，它受到支持。但是，您需要小心使用哪个jQuery版本，因为较旧的Highcharts版本依赖它。

Highcharts 2.1.5适用于jQuery 1.6.1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/2.1.5/highcharts.js"></script>

示例：https://jsfiddle.net/kfumqvrz/

使用jQuery 1.7.1时，在调整浏览器窗口大小之前不会显示条形图 - 因此Highcharts不能很好地使用jQuery版本。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/2.1.5/highcharts.js"></script>

示例：https://jsfiddle.net/kfumqvrz/1/

Highcharts 2.1.9适用于jQuery 1.7.1

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/2.1.9/highcharts.js"></script>

示例：https://jsfiddle.net/kfumqvrz/2/

Highchart 2.1.5堆积条形图

1 个答案: