Как сделать, чтобы линейные диаграммы накладывались на гистограммы в Chartjs

Я использую leighquince форк chartjs в v1.01-beta.5, потому что я могу накладывать две диаграммы.

Когда я пытаюсь наложить линейную диаграмму и гистограмму, она оказывается под гистограммой

Линия перекрытия полосы

Кажется, я не могу найти вариант, при котором линейная диаграмма находится над гистограммой, но overlayBars:true

Как этого добиться, буду ли я редактировать источник?


javascript charts chart.js
person user1076813    schedule 29.07.2015    source источник

Ответы (3)


arrow_upward
5
arrow_downward

Это будет решено, если вы будете использовать текущий мастер (вместо помеченного v1.01-beta.5) - вам не нужно устанавливать никаких параметров.

Fiddle - http://fiddle.jshell.net/n7jgo7oh/

введите описание изображения здесь

person potatopeelings    schedule 29.07.2015
comment
Спасибо! Мне удалось наложить линейный график на панель. Прежде, чем у меня возникнут проблемы с получением правильного источника / фиксации вилки, поскольку я использую bower, и я не могу включить мастер. Но я справился с этим с помощью установки bower из одного файла, поскольку вы используете rawgit на скрипке. "Chart.js": "https://rawgit.com/leighquince/Chart.js/master/Chart.min.js" - person user1076813; 30.07.2015
comment
Это хорошо знать! Кстати, я дал ссылку на версию для разработки. Возможно, вам понадобится использовать производственную ссылку для большей стабильности (даже если вы просто используете ее при запуске bower). Просто перейдите на rawgit.com и вставьте необработанный URL-адрес GitHub. Ваше здоровье! - person potatopeelings; 30.07.2015
comment
какая-нибудь рабочая скрипка? или обновите свой ответ кодом, пожалуйста - person proofzy; 13.05.2020

arrow_upward
2
arrow_downward

Вы должны сначала объявить линейную диаграмму в dataSet, а затем столбчатую диаграмму:

datasets: [
        {
          type: 'line',
          yAxisID: 'y-axis-1',
          fill: false,
          pointRadius: 0,
          label: 'Nota media',
          backgroundColor: '#ed7d31',
          borderColor: '#ed7d31',
          data: [60, 59, 80, 81]
        },
        {
          type: 'bar',
          yAxisID: 'y-axis-0',
          label: 'Observaciones',
          backgroundColor: '#5b9bd5',
          data: [40, 20, 12, 39]
        }
      ],
person Ismael Hompanera    schedule 15.03.2017

arrow_upward
0
arrow_downward

Если в вашем источнике вы определяете и рисуете линию перед полосой, попробуйте инвертировать определение и рисование: сначала панель, затем линия

person Sabba    schedule 29.07.2015
comment
да, я объявляю данные Bar, а затем Line в определении наборов данных, но линия все равно отображается под полосой. - person user1076813; 30.07.2015