Highcharts “移动高位图表图例”复选框
我已启用Highcharts图例上的复选框。我还禁用了单击标签来切换图表中的项目。这使得用户只能使用复选框切换图形项。现在的问题是,复选框始终位于标签的最右端。有没有办法让它出现在标签的左边?如果没有,我只想把标签隔开,这样它们就不会紧挨着彼此了。当我这样做时,复选框保持在最右边。这使它看起来像是与图例中的下一项配对。如果我们能让复选框保持在标签的右边,那也没关系。以下是我到目前为止的情况:Highcharts “移动高位图表图例”复选框,highcharts,highstock,Highcharts,Highstock,我已启用Highcharts图例上的复选框。我还禁用了单击标签来切换图表中的项目。这使得用户只能使用复选框切换图形项。现在的问题是,复选框始终位于标签的最右端。有没有办法让它出现在标签的左边?如果没有,我只想把标签隔开,这样它们就不会紧挨着彼此了。当我这样做时,复选框保持在最右边。这使它看起来像是与图例中的下一项配对。如果我们能让复选框保持在标签的右边,那也没关系。以下是我到目前为止的情况: $(function() { $('#container').highcharts({ cha
$(function() {
$('#container').highcharts({
chart: {
renderTo: 'container',
defaultSeriesType: 'column'
},
title: {
text: 'Placed By Advisor'
},
xAxis: {
categories: ['John Jenkins', 'Steve Smith', 'Will Douglas', 'Dustin Johnson', 'Suzy Abbott', 'Wendy Jones'],
min: 0,
max: 4
},
yAxis: {
min: 0
},
legend: {
shadow: true,
itemHoverStyle: {
cursor: "default"
},
itemDistance: 50
//title: {
// text: '<span style="font-size: 10px; color: #666; font-weight: normal">Click to hide</span>',
// style: {
// fontStyle: 'italic'
// }
//},
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0.5
},
series: {
showCheckbox: true,
events: {
checkboxClick: function (event) {
if (event.checked) {
this.show();
this.legendSymbol.show();
} else {
this.hide();
this.legendSymbol.hide();
}
},
legendItemClick: function() {
return false;
}
}
}
},
series: [{
name: 'Unemployed',
color: '#D70014',
selected: true,
data: [100, 100, 120, 55, 35, 189]},
{
name: 'Placed In Related',
color: '#6CBA16',
selected: true,
data: [80, 108, 15, 74, 48, 88]},
{
name: 'Placed In Unrelated',
color: '#FFA501',
selected: true,
data: [17, 22, 187, 70, 75, 35]},
{
name: 'Except',
color: '#2F7DC4',
selected: true,
data: [10, 0, 19, 65, 25, 674]}],
scrollbar: {
enabled:true,
barBackgroundColor: 'lightgray',
//barBorderRadius: 7,
//barBorderWidth: 0,
//buttonBackgroundColor: 'gray',
//buttonBorderWidth: 0,
//buttonArrowColor: 'yellow',
//buttonBorderRadius: 0,
//rifleColor: 'yellow',
//trackBackgroundColor: 'red',
//trackBorderWidth: 1,
//trackBorderColor: 'silver',
//trackBorderRadius: 7
}
});
})
下面是答案看到这个答案:谢谢!那太好了。