Question

我使用数据表作为Highcharts图的源，我有一个表，其中第一列（在highcharts中代表x轴标签）被解析为Chrome上的Dates，我复制了与它们完全相同的示例在他们的网站上，只是更改了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标签，使其包含单和双qoutes（“ Base 4”）：https://jsfiddle.net/1yq8tz63/4/

是浏览器还是编码错误？

Answer 1

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

您可以这样指定（JSFiddle）：

xAxis: {
    type: 'category'
}

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

从表格加载字符串数据被解析为Chrome上的日期-Highcharts

1 个答案: