Highcharts комбинация линейного графика и древовидной карты - PullRequest
Новая
       23

Highcharts комбинация линейного графика и древовидной карты

0 голосов
/ 21 сентября 2018

Мне нужно сделать комбинацию перетаскиваемой линейной диаграммы и древовидной карты.

См. Здесь: Пример JSFiddle 

Highcharts.chart('container', {
    series: [{
        type: "treemap",
        data: [
        {id: "NS",name: 'NS_area', value:5},
        // ...
        }
    },{
        data: [[0, 100], [10,90.9], [20,81.8], [30,72.7]],
        type: 'line',
    }]
});

можно ли отобразить оси x, y при использовании древовидной карты?У вас есть другая идея, как объединить обе диаграммы?

1 Ответ

0 голосов
/ 21 сентября 2018

Один из обходных путей, который может вам пригодиться, - это добавить дополнительную ось и просто связать ее с исходной.

Например, создать одну «повторяющуюся» ось x и ось y: 

xAxis: [{
},{ 
    linkedTo: 0 
}],
yAxis: [{

}, { 
    linkedTo: 0 
}]

См. эту демонстрацию JSFiddle ее использования.Это делает ось похожей на то, что вы изначально имели.

Если вы хотите, чтобы линейный график был полностью независим от исходной оси, вы можете просто сделать следующее: 

series: [{
    // ...
}, {
    data: [[0, 100], [10,90.9], [20,81.8], [30,72.7]],
    type: 'line',
    yAxis: 1,
    xAxis: 1,
    // ...
}],
xAxis: [{
},{ 
}],
yAxis: [{
}, { 
}],

См. эту демонстрацию JSFiddle ее виспользовать.Это работает как совершенно отдельная ось.

...