javascript - 如何打破 highcharts x 轴类别

标签 javascript highcharts

我创建了一个示例 dateTime Highchart,如图所示。但我想将 x 轴从值“03/24/2014”拆分为值“12/15/2014”。这个能破解吗?? Highchart 提供了 numbers category 的 breaks 功能,可以引用 Here .所以我需要帮助并提前致谢。下面是代码片段

$('#container').highcharts({
    chart:{type:'scatter'},
    xAxis: {
        tickInterval:24 * 3600 * 1000*7 ,


        type: 'datetime',
        labels:
        {

            rotation: -90,
            formatter:
           function () {
               return Highcharts.dateFormat('%m/%d/%Y', this.value)
            }
        }
    },
    tooltip:{ hideDelay: 100, headerFormat: '<b>{point.x:%m/%d/%Y} - {point.key}</b><br/>', pointFormat: '{series.name}:{point.y}'},
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        pointStart: Date.UTC(2014, 0, 1),
        pointInterval: 24 * 3600 * 1000*7 
    },{
        data: [9.9, 7.5, 16.4, 12.2, 44.0, 16.0, 35.6, 18.5, 16.4, 14.1, 9.6, 4.4],
        pointStart: Date.UTC(2015, 0, 1),
    pointInterval: 24 * 3600 * 1000*7 
    }]
});

Highchart

最佳答案

什么不适合你?工作演示:http://jsfiddle.net/LLExL/4188/

        breaks: [{
            from: Date.UTC(2014, 0, 1) + 12 * 24 * 3600 * 1000 * 7, //12 points
            to: Date.UTC(2015, 0, 1),
            breakSize: 24 * 3600 * 1000 * 7
        }],

关于javascript - 如何打破 highcharts x 轴类别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28740795/

相关文章:

javascript - 在循环中获取 JSON 不会获取 JQuery 中的所有元素

javascript - 禁用点不隐藏。 [ Highcharts ]

javascript - Highcharts 自定义事件插件右键单击事件未触发

javascript - 使用 SourceMaps 的 Gulp 过滤器

javascript - 追加 div 并向右滚动

javascript - 在不重新加载页面的情况下刷新 div 内容

highcharts - 在 Highcharts 的工具提示中获取轴名称

javascript - Highcharts 上特定点的自定义工具提示数据

javascript - 如何使用轴标签实现多重向下钻取

javascript - 在 Javascript 中循环正则表达式匹配