如何使用列到背景填写Highchart

时间:2014-09-03 06:38:53

标签: javascript highcharts

我需要在我的图表上使用背景填充列。我无法将背景列放在其他主要使用的列上。

我的图表显示:

enter image description here

脚本:

$('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Günlük Endüktif - Kapasitif Ceza Limiti Değerleri'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: result.DateList
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Oran (%)'
                }
            },

            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:.1f} mm</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            credits: {
                enabled: false
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0,
                    borderRadius: 20,
                    stacking: 'normal',
                    animation: true,
                    grouping: 'false'
                },
                line: {
                    marker: {
                        enabled: false
                    }
                },
                series: {
                    grouping: 'false',
                    stacking : 'normal'
                }

            },
            series:
             [
             //{
             //   name: result.Name,
             //   data: dynamic_data1,
             //   type: 'column'
             //},
              {
                 name: 'null',
                 data: [30, 30, 30, 30, 30],
                 borderWidth: 0,
                 stack: 1,
                 animation: false,
                 color: "gray"
             },
             series, {
                name: 'Ceza Limiti',
                type: 'line',
                data: result.Average,
                marker: {
                    lineWidth: 2,
                    lineColor: Highcharts.getOptions().colors[3],
                    fillColor: 'white'
                }
            }]
        });

我需要一个结果:

enter image description here

那么,我在脚本中的错误在哪里或者缺少什么?

0 个答案:

没有答案