1

我正在使用数据表作为 Highcharts 图表的源，我有一个表格，其中第一列（在 highcharts 中表示 x 轴标签）在 Chrome 上被解析为日期，我复制了他们在他们的站点，只是更改了 th 标签内的字符串，如下所示：

<table id="datatable">
    <thead>
        <tr>
            <th></th>
            <th>Jane</th>
            <th>John</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Base 0</th>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <th>Base 1</th>
            <td>2</td>
            <td>0</td>
        </tr>
        <tr>
            <th>Base 2</th>
            <td>5</td>
            <td>11</td>
        </tr>
        <tr>
            <th>Base 3</th>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <th>Base 4</th>
            <td>2</td>
            <td>4</td>
        </tr>
    </tbody>
</table>

上面的例子可以在小提琴上看到：https ://jsfiddle.net/1yq8tz63/2/

我还修改了 th 标签以包含单引号和双引号（'Base 4'）：https ://jsfiddle.net/1yq8tz63/4/

是浏览器错误还是编码错误？

4

1 回答 1

0

它不能正确理解您为 x 轴使用的类型。

您可以像这样指定它（JSFiddle）：

xAxis: {
    type: 'category'
}

然后它将表格标题视为类别（文本），而不是某些索引/日期。

于 2018-08-13T20:34:47.820 回答