Диаграмма Highcharts Chart Bar - Как я могу отобразить на диаграмме только один столбец из моей таблицы HTML? - PullRequest
0 голосов
/ 07 марта 2012

Я получил столбчатую диаграмму, которая извлекает данные из таблицы HTML на странице. http://www.highcharts.com/demo/column-parsed

Как мне извлечь только один столбец таблицы, если мы последуем приведенному выше примеру, John comlumn ...

Это код, который создает серию

// the categories
options.xAxis.categories = [];
$('tbody th', table).each( function(i) {
    options.xAxis.categories.push(this.innerHTML);
});

// the data series
options.series = [];
$('tr', table).each( function(i) {
    var tr = this;
    $('th, td', tr).each( function(j) {
        if (j > 0) { // skip first column
            if (i == 0) { // get the name and init the series
                options.series[j - 1] = {
                    name: this.innerHTML,
                    data: []
                };
            } else { // add values
                options.series[j - 1].data.push(parseFloat(this.innerHTML));
            }
        }
    });
});

Я пытался прочитать только столбцы, равные 2, чтобы добраться до последнего, но безуспешно

if (j == 2) { ... }

Надеюсь, у кого-нибудь будут лучшие ответы, чем у меня. Шломи.

1 Ответ

2 голосов
/ 07 марта 2012

Попробуйте:

options.series = [];
$('tr', table).each( function(i) {
    var tr = this;
    $('th, td', tr).each( function(j) {
        if (j == 2) { // get only column 2
            if (i == 0) { // get the name and init the series
                options.series[0] = {
                    name: this.innerHTML,
                    data: []
                };
            } else { // add values
                options.series[0].data.push(parseFloat(this.innerHTML));
            }
        }
    });
});

Вам нужно проверить j == 2, чтобы получить данные только во 2-м столбце, а затем при создании массива options.series вам нужно использовать * 1006.* - Highcharts ожидает, по крайней мере, данные в series[0]

Рабочий пример здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...