Highcharts 中文社区

Highcharts 中文社区 门户 HC 学院 查看内容

Highcharts图表动态修改scrollbar的enabled属性

2016-9-13 15:18| 发布者: 彭芳| 查看: 807| 评论: 1

摘要: 1、通过隐藏 SVG 元素; 2、更改配置参数,重绘;

1、通过隐藏 SVG 元素的方法,代码如下:

chart.rangeSelector.zoomText.hide();

$.each(chart.rangeSelector.buttons, function(i, b) {

    b.hide();

});

chart.rangeSelector.inputGroup.hide();

chart.scroller.xAxis.labelGroup.hide();

chart.scroller.xAxis.gridGroup.hide();

chart.scroller.series.hide();

chart.scroller.scrollbar.hide();

chart.scroller.scrollbarGroup.hide();

chart.scroller.navigatorGroup.hide();

$.each(chart.scroller.elementsToDestroy, function(i, elem) {

    elem.hide();

})

这种方法是直接隐藏 SVG 元素,如果图表本身就有滚动内容,就得用另外一种方式;


2、更改配置参数,重绘,代码逻辑如下

var options = {    

    // ...

    scrollbar: {

        enabled: true

    }  

    // ...

};

// 初始化

var chart = new Highcharts.Chart(options);

 

// 更新的时候,也可以在初始化的时候通过判断来决定  scrollbar.enabled 的值

options.scrollbar.enabled = false;

chart = new Highcharts.Chart(options);

 


路过

雷人

握手

鲜花

鸡蛋
发表评论

最新评论

引用 猎风鹰 2016-10-8 19:47
你好,在吗大神。想制作出既有柱形图也有折线图的那种图表,已搜索到该样式的代码,但是要从数据库中读取数据,请问在这个series部分该怎么写呢
series: [{
            name: 'Rainfall',
            type: 'column',
            yAxis: 1,
            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],

查看全部评论(1)

返回顶部