Highcharts 第二课setOptions（二）

来源：互联网发布：淘宝收藏代码在线生成编辑：程序博客网时间：2024/06/02 06:33

<1>全局选项(GLOBAL OPTIONS)

（1）使用Highcharts.setOptions

（2）实例一：

Highcharts.setOptions({        chart: {            backgroundColor: {                linearGradient: [0, 0, 500, 500],                stops: [                    [0, 'rgb(255, 255, 255)'],                    [1, 'rgb(240, 240, 255)']                    ]            },            borderWidth: 2,            plotBackgroundColor: 'rgba(255, 255, 255, .9)',            plotShadow: true,            plotBorderWidth: 1        }    });

（3）实例二：

      // global Highcharts settings      Highcharts.setOptions({        chart: {          style: {            fontFamily: '"Helvetica", sans-serif'          },          events: {            click: function() {              Notifications.notify(Notifications.event.CLOSE_DROPDOWN);            }          }        },        plotOptions: {          series: {            events: {              click: function() {                Notifications.notify(Notifications.event.CLOSE_DROPDOWN);              }            }          }        }      });

<2>可以阅读的代码习惯

（1）坏的代码习惯：

// Bad code:var options = new Object();options.chart = new Object();options.chart.renderTo = 'container';options.chart.type = 'bar';options.series = new Array();options.series[0] = new Object();options.series[0].name = 'Jane';options.series[0].data = new Array(1, 0, 4);

（2）好的代码习惯：

// Good code:var options = {    chart: {        renderTo: 'container',        type: 'bar'    },    series: [{        name: 'Jane',        data: [1, 0, 4]    }]};

备注：上面两个代码片的结果是一样的。

（3）将上面的代码添加到Highcharts中

$(document).ready(function() {    var chart = new Highcharts.Chart(options);});

（4）因为options.series是数组，所以用数组的方式添加。

用符号点（. )(dot notation）添加。

options.series.push({    name: 'John',    data: [3, 4, 2]})

（5）options.renderTo 和 options['renderTo'] 效果一样

0 0