我需要在Highchart.js中设计一个同样的图片图表示例,它是在Excel中构建的。有人能帮我在highcharts.js中开发这个吗?
Image Preview
我已经以类似的方式实现了它。但我需要在同一图表中的不同颜色组和组合。-
`https://jsfiddle.net/shwetapandey/rwmxoka5`
我需要在Highchart.js中设计一个同样的图片图表示例,它是在Excel中构建的。有人能帮我在highcharts.js中开发这个吗?
Image Preview
我已经以类似的方式实现了它。但我需要在同一图表中的不同颜色组和组合。-
`https://jsfiddle.net/shwetapandey/rwmxoka5`
1条答案
按热度按时间jutyujz01#
我建议添加新的系列,具有不同的xAxis,series.columnrange.xAxis。对于风格,你有选项来调整像xAxis.left和xAxis.top。
演示:https://jsfiddle.net/BlackLabel/cpjgvds9/
要控制每个系列,您需要编写一个自定义图例控件,为此,您可以使用legend.labelFormatter,它为您提供回调函数来格式化每个系列的标签。
编辑------
为了控制许多组序列,我使用了内置于序列事件中的回调函数events.legendItemClick。在这种情况下,它们给予在图例处管理序列,我比较了序列名称和项目索引,以隐藏和显示带有自定义图例的序列组。
演示:https://jsfiddle.net/BlackLabel/v0kt5b14