Question

我想使用 docs 来显示弹出式模式。模态应该在 maincontentText 中显示X轴日期或时间戳。

在我的情况下，如果我设置January, 1 1970，则日期始终设置为 Highcharts.dateFormat('%A, %b %e, %Y', this.x) 。此外，设置Highcharts.dateFormat('%H:%M', this.x)将返回 00:00 ，但工具提示 pointFormat 可以正确显示。

Point object

这是我的代码段：

var ChartObj =
{

    "credits": {
        "enabled": false
    },
    "exporting": {
        "enabled": false
    },
    "chart": { "alignTicks": false, "zoomType": "xy" }, 
        "title": { "text": " ", "floating": false, "align": "center" },                                                     
        "xAxis": [{                 
            "categories": [],   //PUT LABEL IN HERE 
            "crosshair": true, "index": 0, "isX": true 
        }], 
        "yAxis":[],
        "tooltip": { "shared": true, "crosshairs": true }, 
        "legend": 
        { 
            "layout": "horizontal", 
            "align": "right", 
            "x": 0, 
            "verticalAlign": "top", 
            "y": 0, 
            "floating": false, 
            "backgroundColor": "#FFFFFF" 
        },  
        "plotOptions": {
            "spline": {
                "dataLabels": {
                    "enabled": document.getElementById('analisysdata_list_mi_shownumb').checked
                },
                "enableMouseTracking": !document.getElementById('analisysdata_list_mi_shownumb').checked
            },
            "series": {
                "cursor": "pointer",
                "point": {
                    "events": {
                        click: function (e) {
                            hs.htmlExpand(null, {
                                pageOrigin: {
                                    x: e.pageX || e.clientX,
                                    y: e.pageY || e.clientY
                                },
                                headingText: this.series.name,
                                // 00:00
                                maincontentText: Highcharts.dateFormat('%H:%M', this.x) + '<br/> ' +  Math.round(this.y * 100) / 100,
                                // Thursday, Jan 1, 1970
                                // maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' + Math.round(this.y * 100) / 100,
                                width: 200
                            });
                        }
                    }
                },
                "marker": {
                    "lineWidth": 1
                },

            }
        },
        "series":[]                            
};

我需要在Highchart参数中进行哪些更改才能使其正常工作？

Highchart X-Axis日期显示为1970年1月1日

0 个答案: