• Highcharts:非常漂亮的图表API


    Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

    • 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
    • 对个人用户完全免费;
    • 纯JS,无BS;
    • 支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;
    • 跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;
    • 提示功能:鼠标移动到图表的某一点上有提示信息;
    • 放大功能:选中图表部分放大,近距离观察图表;
    • 易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
    • 时间轴:可以精确到毫秒;
    • ……

    代码示例:

    1. var chart1 = new Highcharts.Chart({
    2.          chart: {
    3.             renderTo: 'chart-container-1',
    4.             defaultSeriesType: 'bar'
    5.          },
    6.          title: {
    7.             text: 'Fruit Consumption'
    8.          },
    9.          xAxis: {
    10.             categories: ['Apples', 'Bananas', 'Oranges]
    11.          },
    12.          yAxis: {
    13.             title: {
    14.                text: 'Fruit eaten'
    15.             }
    16.          },
    17.          series: [{
    18.             name: 'Jane',
    19.             data: [1, 0, 4]
    20.          }, {
    21.             name: 'John',
    22.             data: [5, 7, 3]
    23.          }]
    24.       });

    Highcharts主页:http://www.highcharts.com/

    Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip

    • 大小: 24.6 KB
  • 相关阅读:
    maven scope 作用域
    MySQL数据库时区问题导致java程序无法连接数据库
    详细地址正则表达式
    java 重新学习 (七)
    .NET 多平台应用 UI介绍
    WPF关键帧动画
    RFID EPC Gen2 搜索模式和会话
    Razor 常用语法介绍
    Blazor 数据验证(6)
    Blazor 路由与页面导航(5)
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4400434.html
Copyright © 2020-2023  润新知