如何在Highcharts中创建两个不同的带有下钻功能的图表。

huangapple go评论102阅读模式
英文:

How to create two different chart with drilldown in highchart

问题

Initially I want to show line chart
And show column chart after drill down specific point

Expected Result:

Before Drill down
如何在Highcharts中创建两个不同的带有下钻功能的图表。

After Drill down
如何在Highcharts中创建两个不同的带有下钻功能的图表。

For Answer check my js field link
https://jsfiddle.net/hx6scbuy/4/

英文:

Initially I want to show line chart
And show column chart after drill down specific point

Expected Result:

Before Drill down
如何在Highcharts中创建两个不同的带有下钻功能的图表。

After Drill down
如何在Highcharts中创建两个不同的带有下钻功能的图表。

For Answer check my js field link

https://jsfiddle.net/hx6scbuy/4/

答案1

得分: 1

这很简单,在Highcharts官方网站上,你可以找到一个几乎现成的解决方案,你只需要将主要系列的类型更改为线性(type: 'line'),将下钻系列的类型更改为柱状图(type: 'column')。

演示: https://jsfiddle.net/BlackLabel/0pbjkmtd/ <br/>
API: https://api.highcharts.com/highcharts/drilldown

英文:

It's quite simple, on the official website of Highcharts you have a practically ready solution, all you need to do is change the type of the main series to linear (type: &#39;line&#39;) and for the drilldown series to column (type: &#39;column&#39;).

Demo: https://jsfiddle.net/BlackLabel/0pbjkmtd/ <br/>
API: https://api.highcharts.com/highcharts/drilldown

huangapple
  • 本文由 发表于 2023年6月15日 21:06:04
  • 转载请务必保留本文链接:https://go.coder-hub.com/76482799.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定