все, что я вставил в параметры линейных графиков, не работает - PullRequest
Новая
       6

все, что я вставил в параметры линейных графиков, не работает

0 голосов
/ 19 сентября 2019

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

Я уже пытался объединить параметры и переместить параметры, ничего не кажетсяна работу

HTML: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>

Javascript: 

var myChart = document.getElementById("myChart");
function randomData() {
    return Math.random();
}
let barChart = new Chart(myChart, {
    type: 'bar',
    data: {
        labels: ['Test1', 'Test2', 'Test3', 'Test4', 'Test5'],
        datasets: [
            {
                type: 'line',
                label: ['line data'],
                data: [randomData(), randomData(), randomData(), randomData(), randomData()],
                options:{
                    showLine: false,
                }
            },{
                label: ['bar data'],
                data: [randomData(), randomData(), randomData(), randomData(), randomData()],
                backgroundColor: [
                    'green',
                    'red',
                    'blue',
                    'purple',
                    'orange',
                ],
            }],
    },
    options: {
        title: {
            display: true,
            text: 'Test Chart met random nummers'
        },
        legend: {
            position: 'right',
        },
        responsive: true,
    },
});

Я хочу иметь возможность изменять параметры графика, например, отображать или скрыватьлинии или измените кривые с помощью bezierCurve.

1 Ответ

1 голос
/ 20 сентября 2019

Как вы можете прочитать в документах о линейном графике , showLine является свойством dataset.Вы используете его непосредственно в dataset, а не в свойстве options. 

datasets: [{
  type: 'line',
  label: 'Line data',
  data: [randomData(), randomData(), randomData(), randomData(), randomData()],
  showLine: false
}]

Почти все другие параметры, которые вы используете в свойстве options.tension для кривых Безье - одна из них. 

options:  {
  elements: {
    line: {
      tension: 0
    }
  }
}
...