Как заставить полосы реализовать в Chart.js расширение полосы?

Я пытался реализовать: https://github.com/bbc/Chart.Bands.js в моем коде, но я не могу показать полосы. Я скопировал и вставил код в свой проект, и я могу показать графики, но мне нужны полосы и изменение цвета. Я новичок в chart.js и javascript, а также внедряю пакеты с github. Есть ли кто-нибудь, кто что-нибудь знает об этой штуке? Это диаграмма, которую я получаю введите здесь описание изображения

Это диаграмма, которую я хотел бы отобразить: введите здесь описание изображения

Я понимаю, что цвета и числа рандомизированы, поэтому данные разные. Я пытаюсь сделать так, чтобы линия на втором графике отображалась, а цвета менялись. Я буквально скопировал код с этого сайта: https://github.com/bbc/Chart.Bands.js/blob/master/samples/line.html


javascript html chart.js
person jenna    schedule 14.11.2019    source источник
comment
Вы должны вставить код, когда ваш код не работает.   -  person HeadhunterKev    schedule 15.11.2019

Ответы (1)


arrow_upward
0
arrow_downward

Поскольку я не знаю вашего кода, я могу просто рассказать вам, как это должно быть сделано.

https://jsbin.com/yiyejumaye/1/edit?html,js,output

options: {
  bands: {
    yValue: 40,
    baseColorGradientColor: [
      'rgb(255, 100, 100)'
    ],
    bandLine: {
      stroke: 2, 
      colour: 'rgba(100, 100, 255, 1)',
      type: 'solid',
    },
  }
}

Обратите внимание, что мой импорт в JSBin проще, но это более старая версия. Вы не должны использовать это в своем приложении. Это просто проще для JSBin.

person HeadhunterKev    schedule 15.11.2019