如果标题包含数字,则显示无效数据

时间:2015-09-17 21:25:57

标签: javascript highcharts

来自highcharts.com的简单示例:  http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-parsed/

以下是我的版本标题,其中包含数字:http://jsfiddle.net/948ws5k3/1/

基本上只是将".*/P[^/?]*(\?.*)?$" 更改为<th>Pears</th>而将<th>Pears 222</th>更改为<th>Bananas</th>等。

我需要我的表<th>986</th>才能有数字。怎么办呢?

2 个答案:

答案 0 :(得分:1)

如果删除文本和数字之间的空格,它将正常工作

喜欢而不是

 <th>Pears 222</th>

使用

 <th>Pears222</th>

但是simillar fiddle即使字符串和数字之间的空格也在工作,所以它可能是与版本相关的问题

答案 1 :(得分:0)

在代码中添加以下行:

  

itemDelimiter: '</th>'

完整代码将是:

$(function () {
    $('#container').highcharts({
        data: {
            table: 'datatable',
            itemDelimiter:'</th>'
        },
        chart: {
            type: 'column'
        },
        title: {
            text: 'Data extracted from a HTML table in the page'
        },
        yAxis: {
            allowDecimals: false,
            title: {
                text: 'Units'
            }
        },
        tooltip: {
            formatter: function () {
                return '<b>' + this.series.name + '</b><br/>' +
                    this.point.y + ' ' + this.point.name.toLowerCase();
            }
        }
    });
});