【数据可视化】【highcharts】多轴x轴改为日期格式--实例

最新推荐文章于 2022-10-03 10:34:54 发布

用一个中文龜

最新推荐文章于 2022-10-03 10:34:54 发布

阅读量2k

点赞数

分类专栏：数据可视化文章标签： js对象

本文链接：https://blog.csdn.net/qq_35085956/article/details/79071865

版权

本文介绍了如何在Highcharts中将多轴X轴设置为日期格式，适用于数据可视化的场景。通过实例展示，作者h.k在2018年1月16日分享了这一知识，强调个人知识梳理，转载请注明出处。

摘要由CSDN通过智能技术生成

数据可视化

highcharts

实例

时间轴 -> X-axis
多组测量数据轴 -> 多个Y-axis

    var optionView = {
        //chart 属性 包括 图表背景
        chart: {
            type: 'line',
            backgroundColor: 'rgba(0,0,0,0)'
        },
        title: {
            text: ''
        },
        subtitle: {
            text: ''
        },
        //在X-axis 设置X-axis 属性，eg. 日期格式
        xAxis: {
            type: 'datetime',
            lineWidth: 0,
            tickWidth: 0,
            labels: {
                enabled: true
            }
        },
        //针对不同类型图表的配置
        //eg. pointStart，pointInterval
        plotOptions: {
            series: {
                label: {
                    connectorAllowed: true
                },
                pointStart: Date.UTC(startTime),
                pointInterval: <