Связывание данных в нескольких графиках - PullRequest
Новая
       34

Связывание данных в нескольких графиках

0 голосов
/ 30 августа 2018

Я новичок в библиотеках построения диаграмм JS и начал работать с Highcharts. У меня есть такой сценарий, и я не мог придумать, как это сделать.

Сценарий: у меня есть гистограмма, показывающая, что работник переворачивается по годам. Кроме того, у меня есть отдельная круговая диаграмма, показывающая процент оборота различных отделов. Но когда я нажимаю один год (один столбец на гистограмме), круговая диаграмма должна быть изменена, чтобы показать текучесть кадров в разных отделах только для выбранного года.

Я искал в разных местах и ​​не мог найти решение для этого. Может ли кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 30 августа 2018

Я столкнулся с этой проблемой, вам просто нужно связать xAxis или yAxis с сериями, как показано ниже: 

yAxis:{
  id: 'voltage-axis', // ====This is the thing you need
  title: {
        text: 'Voltage'
     },
  max:250,
  min:0,
  lineWidth: 2,
  lineColor: '#08F',
  opposite: true
 } 
series: [{
    yAxis: 'voltage-axis', // Link here that yAxis id
    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],
    tooltip: {
        valueSuffix: ' mm'
    }

}

Измените код согласно вашему требованию. Я надеюсь, что это поможет вам.

...