React-highcharts滾動條功能不起作用

我正在使用react-highchart。滾動條功能似乎不起作用。下面是一段代碼。滾動條在xaxis中啓用，它似乎不滾動。React-highcharts滾動條功能不起作用

請參考highcharts實現：

http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/yaxis/inverted-bar-scrollbar/

var config = { 
    title: { 
    text: 'Hello, World!' 
    }, 
    chart :{ 
    type:'bar' 
    }, 
    xAxis: { 
    scrollbar:{ 
    enabled:true 
    }, 
    min:0, 
    max:4, 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
};

來源

2017-04-16 Balaji V

滾動當你點擊滾動條，並將其拖到 –

滾動條可以作爲工作由highcharts設計。 Highcharts似乎不支持鼠標滾輪事件。你將不得不自己實現它。（類似的問題）[http://stackoverflow.com/questions/39570557/want-to-move-y-axis-scrollbar-with-mouse-wheel-in-highcharts-highstock] –

@ Deep3015你想用highcharts。我正在與react-highcharts合作。酒吧甚至沒有出現我 –

我想出了以下

import Highcharts from 'highcharts'; 
import Highstock from 'highcharts/highstock'; 
import ReactHighcharts from 'react-highcharts'; 

const Charts = ReactHighcharts.withHighcharts(Highstock); 

... 

function render() { 
    <Charts isPureConfig={true} config={this.state.config}></Charts> 
}

來源

2017-06-24 18:45:46 Shane

React-highcharts滾動條功能不起作用

回答

相關問題