使用透明系列时,Highcharts条缩放问题

时间:2014-08-11 15:57:35

标签: javascript jquery charts highcharts bar-chart

使用透明时,我遇到了一种奇怪的 Highchart 缩放行为。

很难解释,所以我准备了a quick video to show it

你遇到过这种问题吗?

提前致谢!

修改:JSFiddle

代码:

$(function () {

    $('#roadmap-training').highcharts({
        chart: {
            type: 'bar',
            zoomType: 'y'
        },
        yAxis: {
            type: 'datetime',
            min: new Date(2014, 0, 1).getTime(),
            max: new Date(2014, 11, 31).getTime(),
        },
        plotOptions: {
            series: {
                stacking: "normal"
            },
        },
        tooltip: {
            positioner: function () {
                return { x: 10, y: 35 };
            },
        },
        series: [
            {
                data: [
                    {
                        y: 864000000,
                    },
                    {
                        y: 12960000000,
                    }
                ]
            },

            {
                data: [
                    {
                        y: new Date(2014, 1, 1).getTime(),
                        color: 'transparent'
                    },
                    {
                        y: new Date(2014, 8, 1).getTime(),
                        color: 'transparent'
                    }
                ]
            }
        ]
    });
});

以下是我通过这种方式生成的图表的真实示例: enter image description here

1 个答案:

答案 0 :(得分:1)

使用透明系列的原因是什么?为什么不使用列范围类型?就像这样:http://jsfiddle.net/Fusher/yfz4usw5/

    series: [{
        data: [{
            high: new Date(2014, 1, 1).getTime() + 864000000,
            low: new Date(2014, 1, 1).getTime(),
        }, {
            high: new Date(2014, 8, 1).getTime() + 12960000000,
            low: new Date(2014, 8, 1).getTime(),
        }]
    }]

有时问题确实来了,但很难猜出是什么原因。