有没有办法在调整图表大小时动态设置图例项的特定宽度?我的图例中可能会出现一些非常长的项目名称,因此我需要指定一个宽度来强制文本换行,但是我希望在图表宽度变化时更改宽度。谢谢。
有没有办法在调整图表大小时动态设置图例项的特定宽度?我的图例中可能会出现一些非常长的项目名称,因此我需要指定一个宽度来强制文本换行,但是我希望在图表宽度变化时更改宽度。谢谢。
chart.legend.options.width = newwidth;
chart.legend.itemStyle.width = newwidth;
for(var index in this.chart.series) {
chart.legend.destroyItem(chart.series[index]);
}
chart.legend.render()
$legend = $('#customLegend');
$.each(chart.series[0].data, function (j, data) {
$legend.append('<div class="item"><div class="symbol" style="background-color:'+data.color+'"></div><div class="serieName" id="">' + data.name + '</div></div>');
});
$('#customLegend .item').click(function(){
var inx = $(this).index(),
point = chart.series[0].data[inx];
if(point.visible)
point.setVisible(false);
else
point.setVisible(true);
});
那么你需要做的就是通过捕获$(window).resize()函数并调整元素大小,将其适应于你的图表。
$('.highcharts-legend-item span').width(800)
我不知道为什么上周五我没有想到这个方法。不过还是谢谢你! - Julie