首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从日期时间X轴隐藏非活动日期

问从日期时间X轴隐藏非活动日期
EN

Stack Overflow用户
提问于 2015-04-23 14:14:55
回答 1查看 1.4K关注 0票数 0

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

代码是

代码语言:javascript
复制
$('#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轴上删除不活动的日期。在02/04和06/04之间的日期(但不是这2,因为它们有一个值)。

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

这有可能删除无价值日期吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-23 15:39:02

在高级图表中,没有轴的序号选项,但如果您使用Highstock,则可以设置它。此选项从没有点的x轴隐藏值。

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

加载Highstock JS文件而不是High图表:

代码语言:javascript
复制
<script src="http://code.highcharts.com/stock/highstock.js"></script>

在轴选项中,顺序设置为true:

代码语言:javascript
复制
xAxis: {
        ordinal: true,

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

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

https://stackoverflow.com/questions/29826136

复制
相关文章

相似问题

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