[JS图表控件]Highcharts:非常漂亮的图表API
16lz
2021-01-22
Highcharts是一个制作图表的纯Javascript类库,主要特性如下:
- 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
- 对个人用户完全免费;
- 纯JS,无BS;
- 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
- 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
- 提示功能:鼠标移动到图表的某一点上有提示信息;
- 放大功能:选中图表部分放大,近距离观察图表;
- 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
- 时间轴:可以精确到毫秒;
- ……
代码示例:
- var chart1 = new Highcharts.Chart({
- chart: {
- renderTo: 'chart-container-1',
- defaultSeriesType: 'bar'
- },
- title: {
- text: 'Fruit Consumption'
- },
- xAxis: {
- categories: ['Apples', 'Bananas', 'Oranges]
- },
- yAxis: {
- title: {
- text: 'Fruit eaten'
- }
- },
- series: [{
- name: 'Jane',
- data: [1, 0, 4]
- }, {
- name: 'John',
- data: [5, 7, 3]
- }]
- });
Highcharts主页:http://www.highcharts.com/
Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip
更多相关文章
- js曲线图+饼状图+柱状图 (json数据)
- 图表。js数据数组使用PHP, MySQL。如何从JSON数组定义数据源?
- SQL Server Reporting Services图表查询。如何摆脱工会
- Android使用ichartjs在HTML5中动态绘制图表
- 比achartengine更加强大的Android图表控件。
- JavaScript制作网页数据图表/曲线图