highcharts自定义不同系列的图例

highcharts customize legend for different series

本文关键字：系列 自定义 highcharts      更新时间：2024-05-23

我有两个饼图，每个饼图有两个图例。我想把2号在右边，2号在左边。。我该怎么做？

我试着在一个系列而不是图表中添加图例。。。但它不起作用。。。

chart.addSeries({
    name: data.series[i].name,
    data: data.series[i].data,
    type: data.series[i].type,
    showInLegend: true,
    legend: {
        enabled: true,
        floating: true,
        verticalAlign: 'bottom',
        align:'right',
        y:100,
        itemStyle: {
            textDecoration: 'underline'
        }
    },
    }
});

任何线索或指导方针都将不胜感激。。。

感谢

据我所知，每个图表只能有一个图例，需要使用整个图表的"图例"属性进行配置，而不是每个系列。

我建议使用渲染器方法(http://api.highcharts.com/highcharts#Renderer)显示一个固定的HTML样式的图例，或者使用HTML/CSS创建一个可以单击项目的图例（从技术上讲，该图例位于图表之外）。

下面是我用自定义图例创建的一个示例：https://www.frbatlanta.org/chcs/labor-market-distributions.aspx（请参见带有复选框和下拉菜单的零件）。从自定义图例创建单击事件以显示/隐藏关联的系列非常简单。

如果你能提供一把小提琴，我很乐意编辑。

相关文章：