美文网首页
highchars笔记

highchars笔记

作者: 公瑾丶醉 | 来源:发表于2017-04-25 14:51 被阅读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
            }]
          });
    });
    

    相关文章

      网友评论

          本文标题:highchars笔记

          本文链接:https://www.haomeiwen.com/subject/nccvzttx.html