Question

我有2个饼图，每个都有2个图例。我想在右边的位置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'
        }
    },
    }
});

任何线索或指南都将受到赞赏......

由于

Answer 1

据我所知，每个图表只能有一个图例，需要使用＆＃34;图例＆＃34;整个图表的属性，而不是每个系列。

我建议使用渲染器方法（http://api.highcharts.com/highcharts#Renderer）来显示固定的HTML样式图例，或者使用HTML / CSS创建一个图例可以点击的图例（技术上可以在图表之外生活）。

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

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

highcharts为不同系列

1 个答案: