Как получить данные из атрибута data?

Question

[gotohell]

Всем привет!

Делаю график на chartist.js

Пытаюсь получить координаты из data:

<td><a data-labels="700, 1500, 1300, 1000, 220" data-series="2000, 1700, 1500, 1300, 1100, 1000, 800, 600, 500">ВР 80-75-2,2-В-0,37/2730</a></td>

Скрипт:

var series = $(this).data('data-series');
var labels = $(this).data('data-labels');

new Chartist.Line('.chart', {
  labels: labels,
  series: [
  series
  ]
}, {
  fullWidth: true,
  chartPadding: {
  right: 40
  }

});

Не получается, консоль молчит!

Comments

[kulaeff]

Вместо data-series и data-labels нужно писать просто series и labels.

Answer 1

[Negwereth]

$(this).data("series");

Даже я, жуткий нелюбитель jQuery, это знаю.

Comments

[gotohell]

Не работает!

[Rsa97]

gotohell: this на что указывает?

[gotohell]

Rsa97: var series = $('á').data('data-series');
Сделал так, он получил данные но блин не подставляет их туда как я думал!

[Максим Бабичев]

gotohell: потому, что ChartJS требует массив на вход.

var $this = $(this);
var series = $this.data('series').split(', ');
var labels = $this.data('labels').split(', ');

...

[Rsa97]

var series = $('a').data('series');

[gotohell]

Максим Бабичев: У меня chartist.js

[Максим Бабичев]

gotohell: один фиг массивы:

labels: [1, 2, 3, 4],
series: [[100, 120, 180, 200]]
// from https://gionkunz.github.io/chartist-js/getting-sta...

[gotohell]

Максим Бабичев: Все равно он не получает данные!
https://codepen.io/webmasterotboga/pen/awxaMa

[Kovalsky]

gotohell: потому что не corY и corX, а corx и cory, читайте про кейсы.

Максим кстати вам дал просто отличный пример, загляните туда.

[gotohell]

Никита Полевой: Походу я ошибся с плагином, мне нужны были точки координат. А этот плагин походу так не умеют!

[Kovalsky]

gotohell: зайдите ещё раз в пример который показал Максим и посмотрите что написано в разделе "SWITCHING AXIS TYPE", как раз то что вам нужно.

[gotohell]

Никита Полевой: Спасибо! То что нужно!

Answer 2

[Евгений]

var series = $(this).attr('data-series');
var labels = $(this).attr('data-labels');