美文网首页
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笔记

  • highChars 用法

    [highChartsDemo]{http://www.highcharts.com/demo} 柱形图 折线图

  • HighChars 学习手册

    前几天需要制作一些图表,于是想到去年用过HighChars,就想着反正好久没写过图表了,于是就把活给揽过来了(被硬...

  • 开发笔记目录查看

    笔记一: 笔记二: 笔记三: 笔记四: 笔记五: 笔记六:

  • 目录

    羊皮笔记01 羊皮笔记02 羊皮笔记03 羊皮笔记04 羊皮笔记05 羊皮笔记06 羊皮笔记07

  • 《大江大河》笔记若干(一)

    后续笔记若干…… 后续笔记若干…… 后续笔记若干…… 后续笔记若干…… 后续笔记若干……

  • 记笔记分为闪念笔记、文献笔记和永久笔记

    记笔记分为闪念笔记、文献笔记和永久笔记 7/10 1,记闪念笔记 2,记文献笔记 3,记永久笔记 ——申克•阿伦斯...

  • 卡片笔记上记录什么?

    卡片可以用来记录四种笔记,分别是:闪念笔记、文献笔记、永久笔记、项目笔记。 1、闪念笔记(Fleeting Not...

  • MARKDOWN学习笔记

    标题 # MARKDOWN学习笔记 MARKDOWN学习笔记 MARKDOWN学习笔记- MARKDOWN学习笔记...

  • 关于五款云笔记应用的对比

    这篇笔记主要是关于印象笔记、有道云笔记、为知笔记、麦库笔记和云笔记五款云笔记应用的对比,来简单写一下关于云笔记类产...

网友评论

      本文标题:highchars笔记

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