隐藏日期时间X轴的非活动日期

时间:2015-04-23 14:14:56

标签: highcharts

我创建了小提琴来显示我当前的图表: http://jsfiddle.net/LLExL/4445/

代码是

$('#container').highcharts({
    chart: {
        backgroundColor: 'none',
        spacingRight: 20,
        zoomType: 'x'
    },
    credits: {
        enabled: false
    },
    exporting: {
        enabled: false
    },
    legend: {
        borderWidth: 0,
        enabled: true,
        verticalAlign: 'top',
        y: 25
    },
    plotOptions: {
        series: {
            animation: false,
            marker: {
                enabled: false,
                states: {
                    hover: {
                        enabled: true,
                        radius: 5
                    }
                }
            }
        },
    },
    title: {
        text: 'Points'
    },
    tooltip: {
        shared: true
    },
    xAxis: {
        labels: {
            format: '{value: %d/%m}'
        },
        type: 'datetime'
    },
    yAxis: {
        title: {
            text: null
        },
        showFirstLabel: true
    },
    series: [{
        type: 'column',
        name: 'Reached',
        data: [
            [1427328000000, 198],
            [1427414400000, 127],
            [1427673600000, 104],
            [1427760000000, 107],
            [1427846400000, 102],
            [1427932800000, 1],
            [1428278400000, 1],
            [1428364800000, 55],
            [1428451200000, 83],
            [1428537600000, 77],
            [1428624000000, 107],
            [1428883200000, 99],
            [1428969600000, 140],
            [1429056000000, 134],
            [1429142400000, 108],
            [1429228800000, 104],
            [1429488000000, 113],
            [1429574400000, 115],
            [1429660800000, 115],
            [1429747200000, 97],
        ]
    }, {
        type: 'line',
        name: 'Target',
        color: 'red',
        lineWidth: 2,
        data: [
            [1427328000000, 123],
            [1427414400000, 123],
            [1427673600000, 123],
            [1427760000000, 123],
            [1427846400000, 143],
            [1427932800000, 0],
            [1428278400000, 0],
            [1428364800000, 143],
            [1428451200000, 143],
            [1428537600000, 143],
            [1428624000000, 114],
            [1428883200000, 143],
            [1428969600000, 143],
            [1429056000000, 143],
            [1429142400000, 143],
            [1429228800000, 114],
            [1429488000000, 143],
            [1429574400000, 143],
            [1429660800000, 143],
            [1429747200000, 143],
        ]
    } ]
});

我想从X轴移除非活动日期,例如。 BETWEEN 02/04和06/04之间的日期(但不是这两个,因为它们有价值)。

我找到的唯一解决方案是通过类别自行声明日期,然后远离日期时间类型轴。这对我来说不是正确的解决方案,因为轴不能在小屏幕上正确匹配。

这无论如何都可以删除无价值日期吗?

1 个答案:

答案 0 :(得分:0)

在Highcharts中,轴没有序数选项,但如果您使用的是Highstock,则可以设置它。此选项隐藏x轴中没有点的值。

您可以使用Highstock创建具有顺序x轴的轴的Highcharts图表。

加载Highstock JS文件而不是Highcharts:

<script src="http://code.highcharts.com/stock/highstock.js"></script>

在轴选项中将序数设置为true:

xAxis: {
        ordinal: true,

jsFiddle:http://jsfiddle.net/LLExL/4451/