首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >有效值为0但不生成y轴的Highstock图

有效值为0但不生成y轴的Highstock图
EN

Stack Overflow用户
提问于 2013-07-10 13:52:39
回答 1查看 85关注 0票数 0

因此,当我有一个只有0数据的图表时(比如包丢失测量),除非您隐式定义了一个最大和最小值,否则不会绘制Y轴。

然而,我需要图形自动绘制0数据,而不指定最大值,因为最大值可能并不总是已知的(例如数据吞吐量)。

http://jsfiddle.net/fYkQy/2/显示了我正在获得的内容。请参阅附加的代码

代码语言:javascript
复制
$(document).ready(function () {
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });
    PacketLoss = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
            spacingRight: 30,
            spacingBottom: 45,
            width: 600,
            height: 400
        },
        rangeSelector: {
            enabled: false
        },
        title: {
            text: 'PacketLoss'
        },
        scrollbar: {
            liveRedraw: true
        },
        navigator: {
            adaptToUpdatedData: true
        },
        xAxis: {
            type: 'datetime',
            tickPixelInterval: 80,
            maxZoom: 1440 * 1000
        },
        yAxis: {
            minPadding: 0.2,
            maxPadding: 0.2,
            min: 0,
            offset: 35,
            title: {
                text: 'PacketLoss (%)',
                margin: 12
            }
        },
        tooltip: {
            valueDecimals: 2,
            valueSuffix: "%"
        },
        plotOptions: {
            line: {
                marker: {
                    enabled: false,
                    states: {
                        hover: {
                            enabled: true,
                            radius: 5
                        }
                    }
                },
                shadow: false
            }
        },
        legend: {
            enabled: true,
            layout: 'horizontal',
            align: 'center',
            verticalAlign: 'bottom',
            x: 30,
            y: 35,
            floating: true,
            shadow: true
        },
        series: [{
            name: 'PacketLoss',
            color: '#660000',
            zIndex: 100,
            data: [[1373354992000,0],[1373361195000,0],[1373363923000,0],[1373380804000,0],[1373388550000,0],[1373392475000,0],[1373399655000,0],[1373409555000,0],[1373409858000,0],[1373410160000,0],[1373410765000,0],[1373411067000,0],[1373411369000,0],[1373411670000,0],[1373411971000,0],[1373412273000,0],[1373412574000,0],[1373412875000,0],[1373413177000,0],[1373413479000,0],[1373413780000,0],[1373414082000,0],[1373414384000,0],[1373414686000,0],[1373414988000,0],[1373415289000,0],[1373415591000,0],[1373415893000,0],[1373416196000,0],[1373416497000,0],[1373416799000,0],[1373417101000,0],[1373417402000,0],[1373417704000,0],[1373418006000,0],[1373418308000,0],[1373418610000,0],[1373418911000,0],[1373419212000,0],[1373419514000,0],[1373419819000,0],[1373420120000,0],[1373420421000,0],[1373420723000,0],[1373421025000,0],[1373421326000,0],[1373421628000,0],[1373421929000,0],[1373422231000,0],[1373422532000,0],[1373422834000,0],[1373423136000,0],[1373425197000,0],[1373432327000,0]]
        }]
    });
});

http://jsfiddle.net/aBsqz/显示了设置最大值和最小值时的外观(适用于百分比值,但不适用于未知值。

代码语言:javascript
复制
$(document).ready(function () {
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });
    PacketLoss = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
            spacingRight: 30,
            spacingBottom: 45,
            width: 600,
            height: 400
        },
        rangeSelector: {
            enabled: false
        },
        title: {
            text: 'PacketLoss'
        },
        scrollbar: {
            liveRedraw: true
        },
        navigator: {
            adaptToUpdatedData: true
        },
        xAxis: {
            type: 'datetime',
            tickPixelInterval: 80,
            maxZoom: 1440 * 1000
        },
        yAxis: {
            minPadding: 0.2,
            maxPadding: 0.2,
            min: 0,
            max: 100,
            offset: 35,
            title: {
                text: 'PacketLoss (%)',
                margin: 12
            }
        },
        tooltip: {
            valueDecimals: 2,
            valueSuffix: "%"
        },
        plotOptions: {
            line: {
                marker: {
                    enabled: false,
                    states: {
                        hover: {
                            enabled: true,
                            radius: 5
                        }
                    }
                },
                shadow: false
            }
        },
        legend: {
            enabled: true,
            layout: 'horizontal',
            align: 'center',
            verticalAlign: 'bottom',
            x: 30,
            y: 35,
            floating: true,
            shadow: true
        },
        series: [{
            name: 'PacketLoss',
            color: '#660000',
            zIndex: 100,
            data: [[1373354992000,0],[1373361195000,0],[1373363923000,0],[1373380804000,0],[1373388550000,0],[1373392475000,0],[1373399655000,0],[1373409555000,0],[1373409858000,0],[1373410160000,0],[1373410765000,0],[1373411067000,0],[1373411369000,0],[1373411670000,0],[1373411971000,0],[1373412273000,0],[1373412574000,0],[1373412875000,0],[1373413177000,0],[1373413479000,0],[1373413780000,0],[1373414082000,0],[1373414384000,0],[1373414686000,0],[1373414988000,0],[1373415289000,0],[1373415591000,0],[1373415893000,0],[1373416196000,0],[1373416497000,0],[1373416799000,0],[1373417101000,0],[1373417402000,0],[1373417704000,0],[1373418006000,0],[1373418308000,0],[1373418610000,0],[1373418911000,0],[1373419212000,0],[1373419514000,0],[1373419819000,0],[1373420120000,0],[1373420421000,0],[1373420723000,0],[1373421025000,0],[1373421326000,0],[1373421628000,0],[1373421929000,0],[1373422231000,0],[1373422532000,0],[1373422834000,0],[1373423136000,0],[1373425197000,0],[1373432327000,0]]
        }]
    });
});

这是一个bug吗?或者我启动错误了吗?不确定此错误是否仅在高库存分叉中可见。

谢谢

EN

回答 1

Stack Overflow用户

发布于 2013-07-10 19:27:55

这看起来像是一个问题,报告给我们的开发人员here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17563334

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档