Javascript highcharts为不同系列定制图例

Javascript highcharts为不同系列定制图例,javascript,highcharts,Javascript,Highcharts,我有两个饼图,每个饼图有两个图例。我想把2放在右边,2放在左边,我该怎么做 我试图在一个系列中添加图例,而不是图表…但没有成功 chart.addSeries({ name: data.series[i].name, data: data.series[i].data, type: data.series[i].type, showInLegend: true, legend: { enabled: true, floati

我有两个饼图,每个饼图有两个图例。我想把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'
        }
    },
    }
});
如有任何线索或指引,将不胜感激


谢谢

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

我建议使用renderer方法()来显示一个固定的HTML样式的图例,或者使用HTML/CSS来创建一个图例(从技术上讲,该图例位于图表之外),其中的项目是可单击的

下面是一个使用自定义图例创建的示例:(请参见带有复选框和下拉菜单的零件)。从自定义图例创建单击事件以显示/隐藏关联的系列非常简单


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

您能否在jsfiddle.net上将您的示例复制为实时演示?