将highcharts数据标签设置为下拉列表
是否可以将datalabel设置为下拉菜单列表将highcharts数据标签设置为下拉列表,highcharts,Highcharts,是否可以将datalabel设置为下拉菜单列表 当我的图表上有六个以上的标签,并且它们从容器中溢出时,就会出现问题。是否只显示用户通过下拉菜单选择的一个系列的点的数据标签?在这种情况下,只需使用适当的选项更新系列: $(“#容器”)。高图({ 图表:{ 类型:“样条线” }, 标题:{ 文字:“范围年上的各个点” }, 副标题:{ 文本:“Highcharts JS示例” }, xAxis:{ 键入:“日期时间”, dateTimeLabelFormats:{ 月份:'%e.%b', 年份:'%
当我的图表上有六个以上的标签,并且它们从容器中溢出时,就会出现问题。是否只显示用户通过下拉菜单选择的一个系列的点的数据标签?在这种情况下,只需使用适当的选项更新系列:
$(“#容器”)。高图({
图表:{
类型:“样条线”
},
标题:{
文字:“范围年上的各个点”
},
副标题:{
文本:“Highcharts JS示例”
},
xAxis:{
键入:“日期时间”,
dateTimeLabelFormats:{
月份:'%e.%b',
年份:'%b'
}
},
亚克斯:{
标题:{
正文:“债券”
},
最低:0
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
+
Highcharts.dateFormat(“%e.%b”,this.x)+':“+this.y+'m”;
}
},
系列:[{
名称:“Test1”,
数据:[
[UTC日期(1970年9月27日),0],
[UTC日期(1970年10月10日),0.6],
[UTC日期(1970年10月18日),0.7],
[UTC日期(1970年11月2日),0.8],
[UTC日期(1970年11月9日),0.6],
[UTC日期(1970年11月16日),0.6],
[UTC日期(1970年11月28日),0.67],
[UTC日期(1971,0,1),0.81],
[UTC日期(1971,0,8,0.78)],
[UTC日期(1971,0,12),0.98],
[UTC日期(1971,0,27),1.84],
[UTC日期(1971年1月10日),1.80],
[UTC日期(1971年1月18日),1.80],
[UTC日期(1971年1月24日),1.92],
[UTC日期(1971年2月4日),2.49],
[UTC日期(1971年2月11日),2.79],
[UTC日期(1971年2月15日),2.73],
[UTC日期(1971年2月25日),2.61],
[UTC日期(1971年3月2日),2.76],
[UTC日期(1971年3月6日),2.82],
[UTC日期(1971年3月13日),2.8],
[UTC日期(1971年4月3日),2.1],
[UTC日期(1971年4月26日),1.1],
[UTC日期(1971年5月9日),0.25],
[UTC日期(1971年5月12日),0]
]
}, {
名称:“Test2”,
数据:[
[UTC日期(1970年9月18日),0],
[UTC日期(1970年9月26日),0.2],
[UTC日期(1970年11月1日),0.47],
[UTC日期(1970年11月11日),0.55],
[UTC日期(1970年11月25日),1.38],
[UTC日期(1971,0,8),1.38],
[UTC日期(1971,0,15),1.38],
[UTC日期(1971年1月1日),1.38],
[UTC日期(1971年1月8日),1.48],
[UTC日期(1971年1月21日),1.5],
[UTC日期(1971年2月12日),1.89],
[UTC日期(1971年2月25日),2.0],
[UTC日期(1971年3月4日),1.94],
[UTC日期(1971年3月9日),1.91],
[UTC日期(1971年3月13日),1.75],
[UTC日期(1971年3月19日),1.6],
[UTC日期(1971年4月25日),0.6],
[UTC日期(1971年4月31日),0.35],
[UTC日期(1971年5月7日),0]
]
}, {
名称:“测试3”,
数据:[
[UTC日期(1970年9月9日),0],
[UTC日期(1970年9月14日),0.15],
[UTC日期(1970年10月28日),0.35],
[UTC日期(1970年11月12日),0.46],
[UTC日期(1971,0,1),0.59],
[UTC日期(1971,0,24),0.58],
[UTC日期(1971年1月1日),0.62],
[UTC日期(1971年1月7日),0.65],
[UTC日期(1971年1月23日),0.77],
[UTC日期(1971年2月8日),0.77],
[UTC日期(1971年2月14日),0.79],
[UTC日期(1971年2月24日),0.86],
[UTC日期(1971年3月4日),0.8],
[UTC日期(1971年3月18日),0.94],
[UTC日期(1971年3月24日),0.9],
[UTC日期(1971年4月16日),0.39],
[UTC日期(1971年4月21日),0]
]
},
{
名称:“测试4”,
数据:[
[UTC日期(1970年9月9日),0],
[UTC日期(1970年9月14日),0.75],
[UTC日期(1970年10月28日),0.35],
[UTC日期(1970年11月12日),0.46],
[UTC日期(1971,0,1),0.59],
[UTC日期(1971,0,24),0.58],
[UTC日期(1971年1月1日),0.62],
[UTC日期(1971年1月7日),0.65],
[UTC日期(1971年1月23日),0.77],
[UTC日期(1971年2月8日),0.77],
[UTC日期(1971年2月14日),0.79],
[UTC日期(1971年2月24日),2.86],
[UTC日期(1971年3月4日),0.8],
[UTC日期(1971年3月18日),0.94],
[UTC日期(1971年3月24日),0.9],
[UTC日期(1971年4月16日),1.39],
[UTC日期(1971年4月21日),0]
]
},
{
名称:“Test5”,
数据:[
[UTC日期(1970年9月28日),0],
[UTC日期(1970年9月16日),0.7],
[UTC日期(1970年11月21日),0.87],
[UTC日期(1970年11月21日),1.55],
[UTC日期(1970年11月15日),1.38],
[UTC日期(1971,0,18),1.38],
[UTC日期(1971,0,15),1.38],
[UTC日期(1971年1月1日),1.38],
[UTC日期(1971年1月8日),1.48],
[UTC日期(1971年1月21日),1.5],
[UTC日期(1971年2月12日),1.89],
[UTC日期(1971年2月15日),2.0],
[UTC日期(1971年3月14日),1.94],
[UTC日期(1971年3月19日),3.91],
[UTC日期(1971年3月13日),3.75],
$('#container').highcharts({
chart: {
type: 'spline'
},
title: {
text: 'Various point on range year'
},
subtitle: {
text: 'Example of Highcharts JS'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
month: '%e. %b',
year: '%b'
}
},
yAxis: {
title: {
text: 'BOND'
},
min: 0
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
Highcharts.dateFormat('%e. %b', this.x) +': '+ this.y +' m';
}
},
series: [{
name: 'Test1',
data: [
[Date.UTC(1970, 9, 27), 0 ],
[Date.UTC(1970, 10, 10), 0.6 ],
[Date.UTC(1970, 10, 18), 0.7 ],
[Date.UTC(1970, 11, 2), 0.8 ],
[Date.UTC(1970, 11, 9), 0.6 ],
[Date.UTC(1970, 11, 16), 0.6 ],
[Date.UTC(1970, 11, 28), 0.67],
[Date.UTC(1971, 0, 1), 0.81],
[Date.UTC(1971, 0, 8), 0.78],
[Date.UTC(1971, 0, 12), 0.98],
[Date.UTC(1971, 0, 27), 1.84],
[Date.UTC(1971, 1, 10), 1.80],
[Date.UTC(1971, 1, 18), 1.80],
[Date.UTC(1971, 1, 24), 1.92],
[Date.UTC(1971, 2, 4), 2.49],
[Date.UTC(1971, 2, 11), 2.79],
[Date.UTC(1971, 2, 15), 2.73],
[Date.UTC(1971, 2, 25), 2.61],
[Date.UTC(1971, 3, 2), 2.76],
[Date.UTC(1971, 3, 6), 2.82],
[Date.UTC(1971, 3, 13), 2.8 ],
[Date.UTC(1971, 4, 3), 2.1 ],
[Date.UTC(1971, 4, 26), 1.1 ],
[Date.UTC(1971, 5, 9), 0.25],
[Date.UTC(1971, 5, 12), 0 ]
]
}, {
name: 'Test2',
data: [
[Date.UTC(1970, 9, 18), 0 ],
[Date.UTC(1970, 9, 26), 0.2 ],
[Date.UTC(1970, 11, 1), 0.47],
[Date.UTC(1970, 11, 11), 0.55],
[Date.UTC(1970, 11, 25), 1.38],
[Date.UTC(1971, 0, 8), 1.38],
[Date.UTC(1971, 0, 15), 1.38],
[Date.UTC(1971, 1, 1), 1.38],
[Date.UTC(1971, 1, 8), 1.48],
[Date.UTC(1971, 1, 21), 1.5 ],
[Date.UTC(1971, 2, 12), 1.89],
[Date.UTC(1971, 2, 25), 2.0 ],
[Date.UTC(1971, 3, 4), 1.94],
[Date.UTC(1971, 3, 9), 1.91],
[Date.UTC(1971, 3, 13), 1.75],
[Date.UTC(1971, 3, 19), 1.6 ],
[Date.UTC(1971, 4, 25), 0.6 ],
[Date.UTC(1971, 4, 31), 0.35],
[Date.UTC(1971, 5, 7), 0 ]
]
}, {
name: 'Test 3',
data: [
[Date.UTC(1970, 9, 9), 0 ],
[Date.UTC(1970, 9, 14), 0.15],
[Date.UTC(1970, 10, 28), 0.35],
[Date.UTC(1970, 11, 12), 0.46],
[Date.UTC(1971, 0, 1), 0.59],
[Date.UTC(1971, 0, 24), 0.58],
[Date.UTC(1971, 1, 1), 0.62],
[Date.UTC(1971, 1, 7), 0.65],
[Date.UTC(1971, 1, 23), 0.77],
[Date.UTC(1971, 2, 8), 0.77],
[Date.UTC(1971, 2, 14), 0.79],
[Date.UTC(1971, 2, 24), 0.86],
[Date.UTC(1971, 3, 4), 0.8 ],
[Date.UTC(1971, 3, 18), 0.94],
[Date.UTC(1971, 3, 24), 0.9 ],
[Date.UTC(1971, 4, 16), 0.39],
[Date.UTC(1971, 4, 21), 0 ]
]
},
{
name: 'Test 4',
data: [
[Date.UTC(1970, 9, 9), 0 ],
[Date.UTC(1970, 9, 14), 0.75],
[Date.UTC(1970, 10, 28), 0.35],
[Date.UTC(1970, 11, 12), 0.46],
[Date.UTC(1971, 0, 1), 0.59],
[Date.UTC(1971, 0, 24), 0.58],
[Date.UTC(1971, 1, 1), 0.62],
[Date.UTC(1971, 1, 7), 0.65],
[Date.UTC(1971, 1, 23), 0.77],
[Date.UTC(1971, 2, 8), 0.77],
[Date.UTC(1971, 2, 14), 0.79],
[Date.UTC(1971, 2, 24), 2.86],
[Date.UTC(1971, 3, 4), 0.8 ],
[Date.UTC(1971, 3, 18), 0.94],
[Date.UTC(1971, 3, 24), 0.9 ],
[Date.UTC(1971, 4, 16), 1.39],
[Date.UTC(1971, 4, 21), 0 ]
]
},
{
name: 'Test5',
data: [
[Date.UTC(1970, 9, 28), 0 ],
[Date.UTC(1970, 9, 16), 0.7 ],
[Date.UTC(1970, 11, 21), 0.87],
[Date.UTC(1970, 11, 21), 1.55],
[Date.UTC(1970, 11, 15), 1.38],
[Date.UTC(1971, 0, 18), 1.38],
[Date.UTC(1971, 0, 15), 1.38],
[Date.UTC(1971, 1, 1), 1.38],
[Date.UTC(1971, 1, 8), 1.48],
[Date.UTC(1971, 1, 21), 1.5 ],
[Date.UTC(1971, 2, 12), 1.89],
[Date.UTC(1971, 2, 15), 2.0 ],
[Date.UTC(1971, 3, 14), 1.94],
[Date.UTC(1971, 3, 19), 3.91],
[Date.UTC(1971, 3, 13), 3.75],
[Date.UTC(1971, 3, 19), 1.6 ],
[Date.UTC(1971, 4, 25), 1.6 ],
[Date.UTC(1971, 4, 31), 0.35],
[Date.UTC(1971, 5, 7), 1 ]
]
}]
});
$("#s").change(function(){
var selected = this.value;
var chart = $('#container').highcharts();
$(chart.series).each(function(i, e) {
e.update({
dataLabels: {
enabled: i == selected
}
}, false);
});
chart.redraw();
});