首页 > 解决方案 > HTML表格中的highcharts没有获得x轴键

问题描述

我正在使用 highcharts 从 HTML 表中绘制图表,我的问题是我想自定义工具提示,但“this.x”或“this.key”返回为十进制数而不是字符串,我怎样才能获得 x 轴值原来如此??

这就是我的代码:

 Highcharts.chart('ChartContainer', {
            data: {
                table: 'tblData'
            },
            chart: {
                type: 'line'
            },
            title: {
                text: ''
            },
            yAxis: {
                allowDecimals: false,
                title: {
                    text: ''
                }
            },
            tooltip: {

                useHTML: true,
                formatter: function () {
                    return GetCustomTooltip(this.series.name, this.y, firstSeriesToolTip, firstTooltipTitle, secondTooltipTitle, this.zvalue);
                }
            }
        });

 function GetCustomTooltip(xvalue, yvalue, TooltipArray, firstTooltipTitle, secondTooltipTitle, zvalue, thirdTooltipTitle) {
        var tooltipMessage = '';
        for (var i = 0; i < TooltipArray.length; i++) {
            if (TooltipArray[i][0]== xvalue) {
                tooltipMessage += '<b>' + xvalue + '</b><br>';
                tooltipMessage += firstTooltipTitle + ': ' + '<b>' + yvalue + '</b><br>';
                if (secondTooltipTitle != null)
                    tooltipMessage += secondTooltipTitle + ': ' + '<b>' + TooltipArray[i][1] + '</b><br>';
                if (thirdTooltipTitle != null)
                    tooltipMessage += thirdTooltipTitle + ': ' + '<b>' + TooltipArray[i][3] + '</b><br>';
                break;
            }
        }
        return tooltipMessage;
    }

这就是图表:

以及我在绘制图表之前动态构建的表格。

标签: javascriptjqueryhighcharts

解决方案


当我将 xAxis 类型更改为类别时,我得到了正确的值


推荐阅读