highchars笔记

2017-04-25  本文已影响0人  公瑾丶醉
$(function(){
      $('#container').highcharts({
      char:{--图表默认类型,可以是 [plotOptions]下列出的任何图表类型默认是line
          type:line 
      }
      title:{
           text:'标题文本'
      },
       data: {  --从html表格中提取数据
            table: 'datatable'
        },
      xAxis: {
            type:category  --坐标轴类型
            -- "linear", "logarithmic", "datetime" 或者 "category"之一,
            --分别表示 “线性轴”、“对数轴”、“时间轴”、“分类轴”。
            //categories: ['Jan', 'Feb', 'Mar', 'Apr'] 
            --分类坐标轴中的分类。
            --从 Highcharts 3.0 起,坐标的类别还可以通过指定数据点的 [name]来生效
        },
        yAxis: [{
            title: {
                text: 'Primary Axis'  --y轴内容
            },
            gridLineWidth: 0  --网格宽度
            gridLineColor:'#197F07' --网格颜色
        },{
            title: {
                text: 'Secondary Axis'
            },
            opposite: true --坐标轴对面
        }],
          legend: {  --图例
            layout: 'vertical',
            backgroundColor: '#FFFFFF',
            floating: true,
            align: 'left',
            x: 100,
            verticalAlign: 'top',
            y: 70
        },
         tooltip: {--数据提示框
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' +
                    this.x + ': ' + this.y;
            }  
        },
       series: [{
            data: [29.9, 71.5, 106.4]  --数据点
            //data:[{29.9,name:'Jan'}] --对应类别轴
            --等间隔时间抽(根据需求格式化)
            //pointStart: Date.UTC(2017, 0, 1),
            //pointInterval: 24 * 3600 * 1000 * 30 // one day
        }]
      });
});
上一篇下一篇

猜你喜欢

热点阅读