Highcharts API - Jquery制作图形报表

chart

renderTo                  表的示容器

defaultSeriesType     表的型(line,spline, scatter, splinearea bar,pie,area,column

margin                            上下左右空隙

events                       事件

         click                 function(e) {}

         load                 function(e) {}

 

xAxisyAxis:

  属性:

     gridLineColor            网格

reversed                    是否反向 true ,false

gridLineWidth                网格粗

startOnTick               是否从坐标线开始画区域

endOnTick              是否从坐标线结束画区域

     tickmarkPlacement          标值与坐标线标记对齐方式on,between

tickPosition                标线标记 向内延伸是向外延伸(insidel,outside)

tickPixelInterval             决定着横坐的密度

tickColor                    标线标记

tickWidth                      标线标记

     lineColor               线颜

lineWidth                      线宽

max                          固定坐最大

min                            固定坐标最小值

plotlines                     标线属性

maxZoom

minorGridLineColor

minorGridLineWidth

/minorTickColor

title                  

     enabled         是否显示

     text              坐标名称

Labels            坐标轴值显示类 默认:defaultLabelOptions

   formatter       格式化函数

   enabled            是否显示坐标轴的坐标值

     rotation           倾斜角度

     align                 与坐标线的水平相对位置

     x                      水平偏移量

     y                      垂直偏移量

     style                

     font                  字体样式  默认defaultFont

     color                  颜色

    

Tooltip        数据点的提示框

   enabled                 鼠标经过时是否可动态呈现true,false

     formatter                  格式化提示框的内容样式

 

plotOptions   画各种图表的数据点的设置

    defaultOptions        默认设置

属性

    Area:

lineWidth                  线宽度

fillColor                area的填充颜色组

marker{}               设置动态属性

shadow                 是否阴影  true,false

states                       设置状态?

   Line

          dataLabels:        数据显示类

              enabled           是否直接显示点的数据true,false

series

  name                   该条曲线名称

  data[]                     该条曲线的数据项

addPoint([x,y],redraw,cover)  添加描点,redraw 是否重画,cover是否左移

setData: function(data, redraw)  重新设置Data数组,redraw是否重画

remove: function(redraw)         删除曲线

redraw: function()                     重画曲线

marker

enabled                 是否显示描点

注意地方: 

 

1.       除去logo

credits: {

         enabled: false

      },

2.       y轴不允许出现小数

yAxis: {

                allowDecimals: false,

3.       动态获取x轴属性

var xAxisData = this.xAxis[0];

xAxisData.setCategories(['ss','dd','ff']);

 

4.       动态获取数据属性

var seriesUp = this.series[0];

var seriesDown = this.series[1];

var dataUp = date.dataUp;

var dataDown = date.dataDown;                                                                                     

 seriesUp.setData(dataUp, true);                                                                                               seriesDown.setData(dataDown, true);

 

5.       给图形上面加上标注显示

plotOptions: {

                line: {

                    dataLabels: {

                        enabled: true

                    },

                    enableMouseTracking: false

                }

            },

你可能感兴趣的:(jquery)