【问题标题】:Highchart - xAxis weekly date can start any day?Highchart - xAxis 每周日期可以从任何一天开始?
【发布时间】:2013-07-30 05:39:22
【问题描述】:

我有一个非常基本的“线”周日期图形。 我只需要 x 轴上的日期从我的第一个点的同一天开始,但实际上它是从对应周的星期一开始的。 我在文档上找到了 startOfWeek 选项,但只取两个值:0 = 星期日,1 = 星期一

例如,在此示例中,我希望图例从“pointStart”日期开始:2012 年 12 月 25 日(星期二) 但是传说从 24 号开始,因为现在是星期一...

 $('#container').highcharts({
    chart: {
        type: 'line'
    },
    credits : {
      enabled : false
    },
    title: {
        text: false
    },
    xAxis: {  
        tickInterval:  7 * 24 * 3600 * 1000,
        type: 'datetime',
            startOnTick: true,
        labels: {
            format: '{value:%d/%m/%Y}',
            rotation: -45,
            y: 30,
            align: 'center'
        } 
    },
    yAxis: {
        min: 0,
        title: {
            text: 'HH'
        }
    },
    plotOptions: {
        series: {
            pointStart: Date.UTC(2012, 11, 25),
            pointInterval: 7 * 24 * 3600 * 1000
        }
    }, 
    series: [
        {
            name: 'Curva Tardía',
            data: [18, 27, 36, 36]
        }, {
            name: 'Curva Temprana',
            data: [9, 18, 27, 27]
        },{
            name: 'Curva Real',
            data: [0, 36, 45] 
        }
    ]
});

http://jsfiddle.net/MgJux/3/

您知道如何禁用此行为吗?

谢谢

【问题讨论】:

    标签: highcharts


    【解决方案1】:

    试着把startOfWeek 放在2 上:

    ...
    xAxis: {
        startOnTick: true,
        startOfWeek: 2,
        ...
    },
    

    让我们看看你更新的例子:http://jsfiddle.net/MgJux/4/

    编辑:

    要在日期函数中包含天数,您可以在 javascript 中使用 Date 对象:

    var d = new Date(2012, 11, 25)
    
    // ...
    
    ...
    xAxis: {
        startOnTick: true,
        startOfWeek: d.getDay(),
        //           ^^^^^^^^^^
        ...
    },
    

    【讨论】:

    • 啊,好的,这可以帮助我。但是有没有办法自动从第一个点的日期开始?因为我每次都需要计算图表的星期几。
    猜你喜欢
    • 2019-05-01
    • 2018-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    • 2019-04-05
    • 2011-10-07
    • 1970-01-01
    相关资源
    最近更新 更多