highcharts 如何有类别名称为图例，而不是在Angular 图表系列？

o8x7eapl 于 2023-02-23 发布在 Highcharts

关注(0)|答案(1)|浏览(141)

我试图在Angular 图中实现一个具有多级深入的 highcharts 柱形图。由于我无法在Angular 图的 highcharts 中添加多个系列以进行深入，我计划使用具有多个类别的单个系列作为我的深入系列，但我无法以这种方式显示图例。有没有办法做到这一点？
我试过使用highchart的addseriesasdrilldown()函数，但它只允许我添加一个序列进行深入分析。我也试过创建一个包含多个类别的序列，但我无法以这种方式显示在图例中。

highcharts

来源：https://stackoverflow.com/questions/75505697/how-to-have-category-name-as-legend-instead-of-series-in-highchart-for-angular

1条答案

按热度按时间

ljsrvy3e1#

默认情况下，Highcharts不支持这两个特性，但添加它们确实很容易。
要添加多个要追溯的系列，您可以使用addSingleSeriesAsDrilldown内部方法。例如：

chart.addSingleSeriesAsDrilldown(point, series1);
chart.addSingleSeriesAsDrilldown(point, series2);
chart.applyDrilldown();

实用线程：https://www.highcharts.com/forum/viewtopic.php?t=34240
要创建类似于每个类别的图例的内容，请设置legendType: 'point'并从饼图系列借用setVisible方法。例如：

Highcharts.seriesTypes.column.prototype.pointClass.prototype.setVisible = Highcharts.seriesTypes.pie.prototype.pointClass.prototype.setVisible;

Highcharts.chart('container', {
  series: [{
    ...,
    type: 'column',
    legendType: 'point'
  }]
});

实时演示：http://jsfiddle.net/BlackLabel/wevdcgy2/
文件：https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

赞(0）回复(0）举报 2023-02-23

我来回答

highcharts 如何有类别名称为图例，而不是在Angular 图表系列？

1条答案

相关问题

热门标签

最新问答