将highcharts数据标签设置为下拉列表

将highcharts数据标签设置为下拉列表,highcharts,Highcharts,是否可以将datalabel设置为下拉菜单列表 当我的图表上有六个以上的标签,并且它们从容器中溢出时,就会出现问题。是否只显示用户通过下拉菜单选择的一个系列的点的数据标签?在这种情况下,只需使用适当的选项更新系列: $(“#容器”)。高图({ 图表:{ 类型:“样条线” }, 标题:{ 文字:“范围年上的各个点” }, 副标题:{ 文本:“Highcharts JS示例” }, xAxis:{ 键入:“日期时间”, dateTimeLabelFormats:{ 月份:'%e.%b', 年份:'%

是否可以将datalabel设置为下拉菜单列表


当我的图表上有六个以上的标签,并且它们从容器中溢出时,就会出现问题。

是否只显示用户通过下拉菜单选择的一个系列的点的数据标签?在这种情况下,只需使用适当的选项更新系列:

$(“#容器”)。高图({
图表:{
类型:“样条线”
},
标题:{
文字:“范围年上的各个点”
},
副标题:{
文本:“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();
});