Ярлыки Chartist p ie неуместны, и я не могу их отладить

Question

Я пытаюсь создать диаграммы, используя Json данные, извлеченные с некоторой php страницы.

В частности, я хочу отобразить диаграмму ap ie с меткой, обозначающей каждую часть, и проценты, которые он представляет.

Я следовал примерам чартиста и получил следующий код:

https://codepen.io/orsucciu/pen/qBdrjow

Метки маленькие, неуместны, и процент не

Я проверил консоль отладки, но ничего не поднялось.

Я также добавил console.log внутри своей LabelInterpolation, чтобы увидеть, но она ничего не отправляет ... Так что я подозреваю это идет оттуда, но я не знаю, в чем именно проблема: (

Спасибо!

Answer 1

https://codepen.io/SkyDieRay/pen/BaNWdmr

data = JSON.parse('{"orphans":17,"0":4,"1":7,"3":1,"aTraiter":2,"aValider":3,"Valided":4,"retourBO":5}');

Я немного поиграл, и ваши глючные значения показывались там из-за данных с 0% на графике, следовательно, почему все это было в то же самое место.
Я изменил данные, чтобы дать им значения, и теперь это выглядит нормально.

Для отображения процента, который я добавил это в respiveOptions.
Также замените значение на dat.series [ индекс]. Значение там только ключи ваших данных, а не значения. Таким образом, вы большую часть времени ныряете на струнах, поэтому в результате вы получаете NaN%. ​​

labelInterpolationFnc: function(value, index) {
  var percentage = Math.round(dat.series[index] / dat.series.reduce(sum) * 100) + '%';
  return dat.labels[index] + ' ' + percentage;
}