Question

我想用Highchart创建图表。
实际上我使用区域范围和线。
但由于我的代码如下，它不起作用

<script type="text/javascript">
var chart1;
    $(document).ready(function() {
        chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'chartPlace',
        },
        title: {
            text: ''
        },
        xAxis: {
           type: 'linear'
        },
        yAxis: {
           title: {
               text: null
           }
            },
        series: [{
           name: 'KL - SCOC',
           marker: {
            fillColor: 'white',
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[0]
           },
           zIndex: 1,
           data: [['Jan',19],['Feb',21],['Mar',18],['Apr',12],['May',26],['Jun',20],['Jul',6]]
        }, {
           name: 'Range',
           data: [['Jan',77,3],['Feb',98,2],['Mar',83,4],['Apr',75,3],['May',76,2],['Jun',77,3],['Jul',9,3]],
           type: 'arearange',
           lineWidth: 0,
           linkedTo: ':previous',
           color: Highcharts.getOptions().colors[0],
           fillOpacity: 0.3,
           zIndex: 0
        }]
       });
     });
</script>

错误输出

未捕获的TypeError：undefined不是函数

所以如何解决这个问题。提前谢谢。

Answer 1

它必须是您代码中的其他内容。我创建了一个演示，它工作正常。它将在这个div中呈现：

<div id="chartPlace"></div>

请确保您的HTML中引用了highcharts-more.js。

的 Demo in jsFiddle

如何使用线高图创建区域范围

1 个答案: