0

我想用 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>

错误输出是

未捕获的类型错误：未定义不是函数

那么如何解决这个问题。提前致谢。

4

1 回答 1

1

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

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

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

Demo in jsFiddle

于 2013-07-31T02:53:25.027 回答