Блог

Я хочу показать свои данные в виде линейной диаграммы. Мои ряды данных следующие

Теперь моя ось X будет «% просмотренных людей «(3-я колонка), начиная с 0, а ось Y будет «% просмотренного видео » (1-я колонка).

Как мне задать данные на графике ? Пробовал Хайчарт, но не смог найти решение. Как на этом изображении ниже

Спасибо за вашу помощь.

Я не уверен, как бы вам хотелось, чтобы это выглядело. Из вашей таблицы я могу прочитать, что будет две серии (нет людей и % людей, которые смотрели), но на вашем изображении я вижу только одну серию.

Есть множество способов, как мы могли бы это сделать. Во-первых, я предлагаю использовать модуль данных для получения этих данных из CSV-файла (вы можете увидеть его в разделе HTML в демонстрации ниже). Вы можете использовать ось категорий, чтобы отметить процент просмотренных видео.

Демо: https://jsfiddle.net/BlackLabel/ztfxr1ek/

Ссылки на API: https://api.highcharts.com/highcharts/data.csv
https://api.highcharts.com/highcharts/xAxis.categories

 Highcharts.chart('container', {
 chart: {
  type: 'spline'
 },
 xAxis: {
  categories: ['0-9%', '10-19%', '20-29%', '30-39%', '40-49%', '50-59%']
 },
data: {
 csv: document.getElementById('csv').innerHTML
},
plotOptions: {
 series: {
   marker: {
     enabled: false
   }
 }
}
});