Блог

Главная - Вопросы по программированию - Chart.js Как я должен сделать, чтобы сделать вертикальную пунктирную линию

Chart.js Как я должен сделать, чтобы сделать вертикальную пунктирную линию

#javascript #html #graph #chart.js

#javascript #HTML #График #chart.js

Вопрос:

В настоящее время я занимаюсь составлением графика с использованием Chart.js . Проблема в том, что я хочу создать график, который выглядит так, как показано ниже: введите описание изображения здесь

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

     var ctx = document.getElementById('myChart').getContext('2d');
    var chart = new Chart(ctx, {
    type: 'line',

    data: {
        labels: ['0', '1', '2', '3', '4', '5', '6'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'transparent',
            borderColor: 'rgb(0, 0, 0)',
            data: [0, 10, 20, 30, 40, 50, 60]
        },{
            label: 'My First dataset2',
            backgroundColor: 'transparent',
            borderColor: 'rgb(0, 0, 0)',
            data: [60, 50, 40, 30, 20, 10, 0]
        },{
            backgroundColor: 'transparent',
            borderColor: 'rgb(0,0,0)',
            data: [30, 30, 30, 30],
            borderDash: [10, 5]
        }]
    },

    // Configuration options go here
    options: {
        title:{
            display: true,
            text: 'Demand and Supply'
        },
        legend:{
            display: false
        }
    }
    });

Ответ №1:

У меня просто есть внешний пример, надеюсь, это поможет вам!

 [http://jsfiddle.net/dbyze2ga/257][1]
Метки: ,