高图 - 网格线上的起始列不一致

时间:2014-09-17 10:07:43

标签: highcharts gridlines

我们遇到Highchart Column chart问题,显示的yaxis标签不一致。生成的柱形条位于两个yaxis标签之间。这给出了没有y轴尺度和条形浮动的外观。

并且它也没有生成条形码始终开始的0 y轴标度。我们有负值和正值,因此条形应显示在0 y轴线的上方和下方。

我们无法发布样本,因为行为是随机的,它在大多数情况下只在某些情况下无法正常工作(虽然安静常常忽略)。

请在下面的柱形图设置选项中找到:

{
        chart: {
            type: 'column',
            height: response.ChartHeight ? response.ChartHeight : ChartDefaults.Height          
        },            
        xAxis: {
            categories: response.TimePeriodTranslated,
            labels: {
                style: {
                    fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
                }
            }
        },
        yAxis: {
            startOnTick: true,
            title: {
                text: ''
            },
            labels: {
                style: {
                    fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
                }
            }
        },
        tooltip: {
            useHTML: true,
            formatter: function () {
                return this.series.name + "<br>" + this.x + " </b> : <b> " + this.y.toFixed(response.NumberOfDecimal ? 2 : response.NumberOfDecimal);
            }
        },
        title: {
            text: response.ShowAsAtDate == 1 ? modelContents.GetTranslation('AsAt') + ' ' + response.AsAtDate : '',
            align: 'left',
            //x: 70,
            style: {
                fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
            }
        },
        subtitle: {
            text: '',
            style: {
                fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
            }
        },
        legend: {
            enabled: true,
            itemStyle: {
                fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
            }
        },
        credits: {
          enabled: false
        },
        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: response.ShowDataLabels == 1 ? true : false,
                     formatter: function () {
                        return this.y ? this.y.toFixed(response.NumberOfDecimal ? 2 : response.NumberOfDecimal) : this.y;
                     },
                    style: {
                        fontSize: (response.ChartFontSize ? response.ChartFontSize + 'pt' : ChartDefaults.FontSize)
                    }
                },
                //To set the bar width.
                //pointWidth: GetBarSettings(dataToPlot)
            },
            column: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function (e) {
                            // This can be handled in the drilldown event but our requirements with drilldown need this event implementation
                            SetChart(e, data, divId, dataId);
                        }
                    }
                }
            }
        },
        series: dataToPlot
    };

谢谢, 萨拉

0 个答案:

没有答案