首页 | 简单教程,简单编程

代码编辑器：

<!doctype html>
<meta charset="utf-8" />
<title>Highcharts 基础教程 | 简单教程(www.twle.cn)</title>
<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://cdn.hcharts.cn/highcharts/highcharts-more.js"></script>   
<script src="https://cdn.hcharts.cn/highcharts/modules/data.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<div id="container" style="width: 500px; height: 400px; margin: 0 auto"></div>
<script>

var legend = {
   enabled: false
}

var options = {};

options.chart = chart;
options.title = title;
options.xAxis = xAxis;
options.yAxis = yAxis;
options.legend = legend;

$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=range.json&callback=?', function (data) {
      var series= [{
         name: 'Temperatures',
         data: data
         }
      ];     
    options.series = series;
    var chart = Highcharts.chart('container',options);
});
</script>

代码编辑器：

运行结果：