как включить полосу прокрутки с reactjs? - PullRequest
Новая
       4

как включить полосу прокрутки с reactjs?

0 голосов
/ 20 января 2020

Я гуглил, и они сказали, что мне нужен модуль highstock, но я не хочу использовать <script type="text/javascript" src="http://code.highcharts.com/stock/highstock.js"></script> (я не знаю, где его импортировать ..) Есть ли способ реакции для импорта модуля highstock?

Я пробовал это: 

import Highcharts from 'highcharts/highstock';
import HighchartsReact from 'highcharts-react-official';
import HC_more from 'highcharts/highcharts-more';
    <HighchartsReact
                    allowChartUpdate={true}
                    updateArgs={[true, true, true]}
                    hicharts={Highcharts}
                    options={chartConfig}
                    ref={chart}
                ></HighchartsReact>

and the chartConfig:

const chartOption = {
    chart: {
      type: "bar"
    },
    scrollbar: {
      enabled: true
    },
    xAxis: {
      scrollbar: {
        enabled: true
      },
      min: 0,
      max: 2,
    },
    series: [
      {
        name: "Browsers",
        colorByPoint: true,
        data: chartData
      }
    ]
  };

это просто не работает для меня. вот демо: https://stackblitz.com/edit/react-highchart-jjzjx118

1 Ответ

1 голос
/ 20 января 2020

Вы уже импортировали Hightock здесь: 

import Highcharts from 'highcharts/highstock';

Вы можете включить scrollbar следующим образом: 

scrollbar: {
  enabled: true
}

Демонстрация в реальном времени : https://codesandbox.io/s/highcharts-react-demo-2dwcc

...