Javascript 高图：双面'；s传说

我试图用海图显示公司的资产负债表

我想把图例放在左边和右边，就像这样

我找不到这样做的方法

---

请帮助我

您可以使用以下方法实现：

设置适当的图例选项：

legend: {
    floating: true,
    align: 'left',
    itemMarginBottom: 15,
    width: 200,
    padding: 0
}

然后，图例将呈现为两列。在

render

事件回调中循环浏览图表系列，并将translateX属性大于0的每个图例元素转换到图表的另一侧。请注意，应设置图表边距（左侧和右侧）。检查下面发布的代码和演示

Highcharts.chart（'container'{
图表：{
键入：“列”，
边缘左：150，
marginRight:100，
间距：10，
活动：{
render:function（）{
var图表=此，
offsetLeft=20，
元素，
项目X，
translateX，
translateY；
图表系列forEach（函数系列）{
元素=series.legendItem.parentGroup；
translateY=element.translateY；
如果（element.translateX>0）{
translateX=chart.plotWidth+chart.plotLeft+offsetLeft；
元素。translate（translateX，translateY）；
}
});
}
}
},
图例：{
浮动：是的，
对齐：“左”，
项目MarginBottom:15，
宽度：200，
填充：0
},
系列：[
{数据：[6,4,2]，名称：'First'}，
{数据：[7,3,2]，名称：'Second'}，
{数据：[9,4,8]，名称：'Third'}，
{数据：[1,2,6]，名称：'Fourth'}，
{数据：[4,6,4]，名称：'Fifth'}，
{数据：[1,2,7]，名称：'Sixth'}，
{数据：[4,2,5]，名称：'Seventh'}，
{数据：[8,3,2]，名称：'Otherth'}，
{数据：[4,5,6]，名称：'Nixth'}，
{数据：[6,4,2]，名称：'First'}，
{数据：[7,3,2]，名称：'Second'}，
{数据：[9,4,8]，名称：'Third'}，
{数据：[1,2,6]，名称：'Fourth'}，
{数据：[4,6,4]，名称：'Fifth'}，
{数据：[1,2,7]，名称：'Sixth'}，
{数据：[4,2,5]，名称：'Seventh'}，
{数据：[8,3,2]，名称：'Otherth'}，
{数据：[4,5,6]，名称：'Nixth'}
]
});
#容器{
最小宽度：310px；
最大宽度：800px；
高度：400px；
保证金：0自动
}
您可以使用以下方法实现：

设置适当的图例选项：

legend: {
    floating: true,
    align: 'left',
    itemMarginBottom: 15,
    width: 200,
    padding: 0
}

然后，图例将呈现为两列。在
render
事件回调中循环浏览图表系列，并将translateX属性大于0的每个图例元素转换到图表的另一侧。请注意，应设置图表边距（左侧和右侧）。检查下面发布的代码和演示


Highcharts.chart（'container'{
图表：{
键入：“列”，
边缘左：150，
marginRight:100，
间距：10，
活动：{
render:function（）{
var图表=此，
offsetLeft=20，
元素，
项目X，
translateX，
translateY；
图表系列forEach（函数系列）{
元素=series.legendItem.parentGroup；
translateY=element.translateY；
如果（element.translateX>0）{
translateX=chart.plotWidth+chart.plotLeft+offsetLeft；
元素。translate（translateX，translateY）；
}
});
}
}
},
图例：{
浮动：是的，
对齐：“左”，
项目MarginBottom:15，
宽度：200，
填充：0
},
系列：[
{数据：[6,4,2]，名称：'First'}，
{数据：[7,3,2]，名称：'Second'}，
{数据：[9,4,8]，名称：'Third'}，
{数据：[1,2,6]，名称：'Fourth'}，
{数据：[4,6,4]，名称：'Fifth'}，
{数据：[1,2,7]，名称：'Sixth'}，
{数据：[4,2,5]，名称：'Seventh'}，
{数据：[8,3,2]，名称：'Otherth'}，
{数据：[4,5,6]，名称：'Nixth'}，
{数据：[6,4,2]，名称：'First'}，
{数据：[7,3,2]，名称：'Second'}，
{数据：[9,4,8]，名称：'Third'}，
{数据：[1,2,6]，名称：'Fourth'}，
{数据：[4,6,4]，名称：'Fifth'}，
{数据：[1,2,7]，名称：'Sixth'}，
{数据：[4,2,5]，名称：'Seventh'}，
{数据：[8,3,2]，名称：'Otherth'}，
{数据：[4,5,6]，名称：'Nixth'}
]
});
#容器{
最小宽度：310px；
最大宽度：800px；
高度：400px；
保证金：0自动
}

太棒了！真棒的解决方案！非常感谢你。这是我想要的，但却做不到的…太棒了！真棒的解决方案！非常感谢你。这是我想要的，但我做不到。。。