引用HighCharts做图表
第一步 加载HighCharts
方法一:引入官网提供的CDN服务
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
方法二:在官网下载对应的js文件,引入到项目中(文件中)
<script type="text/javascript" src="js/highcharts.js"></script>
第二步 准备一个容器用来加载图标
<div id="myChart" style="height:500px;width:600px;"></div>
//用id标识该容器,以便后面的绑定,一般表格的大小默认是auto(自动),会根据div大小自动改变大小
第三步 配置图表并初始化
一般情况下,Highcharts 包含 :标题(Title)、[ 副标题(subTitle)]、坐标轴(Axis)[ x轴(xAxis)和y轴(yAxis)]、数据列(Series)、数据提示框(Tooltip)、图例(Legend)、版权标签