1.Highcharts简介
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。HighCharts界面美观,由于使用JavaScript编写,所以不需要像Flash和Java那样需要插件才可以运行,而且运行速度快。另外HighCharts还有很好的兼容性,能够完美支持当前大多数浏览器。
2.Highcharts绘制直线图
1)先看下绘制直线的效果
2)绘制直线的js文件--chart_line.js:
var chart;
$(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart_line',//图表放置的容器--Div
defaultSeriesType: 'line',//图表类型line(折线图)
},
title: {
text: null //图表标题,这里设置为空,可以根据自己的需求设置内容
},
credits:{enabled:false},