Question

我对使用Highcharts相当陌生。就像现在一样，我试图找出一种让用户通过下拉列表选择在类别之间浏览的方法。

图表本身很简单：类别是月份，从1月到12月，数据数组通过循环遍历SharePoint列表数据来填充。

我希望能够创建的是一种解决方案，用户可以通过下拉选项选择查看数据的月份。这必须在将所有数据加载到图表中之后完成，以避免必须为每个选择查询服务。

chart-code 本身非常简单：

$('#container3').highcharts({
chart: {
    type: 'column'
},
title: {
    text: ''
},
subtitle: {
    text: ''
},
xAxis: {
    categories: categoryMonthsArray,
    crosshair: true
},
yAxis: {
    min: 0,
    title: {
        text: ''
    }
},
tooltip: {
    headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
    pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
    '<td style="padding:0"><b>{point.y:.0f}</b></td></tr>',
    footerFormat: '</table>',
    shared: true,
    useHTML: true
},
plotOptions: {
    column: {
        pointPadding: 0.2,
        borderWidth: 0
    }
},
series: [{
    name: 'd1',
    data: d1Array
}, {
    name: 'd2',
    data: d2Array
}, {
    name: 'd3',
    data: d3Array
}, {
    name: 'd4',
    data: d4Array
}, {
    name: 'd5',
    data: d5Array
}]

任何指针都非常感谢！

Highcharts - 通过下拉列表选择类别

0 个答案: