Question

对于我在Highcharts中的图表，我希望能够仅选择要绘制的x轴的一些标签。

示例：我的x轴时间为24小时[8:15,8:30,8:45...8:00]，我只想选择那些时间[8:00,9:00,10:00...]

Highcharts的HTML代码如下所示：

<g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7">

    <text x="42.40625" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1"></text>
    <text x="59.21875" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1">

        10:00

    </text>
    <text x="76.03125" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1">

        10:15

    </text>
    <text x="92.84375" style="color:#606060;cursor:default;font-size:11px;fill:#606060;" text-anchor="middle" transform="translate(0,0)" y="346" opacity="1"></text>

每天有96个时间值。

到目前为止，我这样做了（这只提取了第一个文本（10:00））：

var test = $('g.highcharts-axis-labels.highcharts-axis-labels text').html();

所以问题是如何迭代所有文本标签？

Answer 1

您可以使用filter，并过滤整个小时：

var labels = jQuery('text').filter(function() {
    var regex = /[0-9]+\:00/;
    return regex.test($(this).text());
});

console.log(labels);

Fiddle

使用JQUERY在HTML中迭代文本标签

1 个答案: