Как установить значения X в виде строки - PullRequest
0 голосов
/ 05 апреля 2020

У меня есть этот код:

        data: {
            x : 'x',
            columns: [
                ['x', '30.03', '31.03', '01.04', '02.04', '03.04', '04.04', '05.04'],
                ['Ilość wejść', 0, 0, 0, 0, 0, 0, 1]
            ],

и выглядит так:

CLICK TO CHECK IMAGE

Проблема здесь:

 ['x', '30.03', '31.03', '01.04', '02.04', '03.04', '04.04', '05.04'],

Как я могу сделать так, чтобы эти значения принимались как строка, а не как формат даты?

1 Ответ

0 голосов
/ 05 апреля 2020

Полагаю, вы хотели получить что-то вроде этого:

enter image description here

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

var chart2 = c3.generate({
    bindto: '#chart2',
    data: {
      columns: [
      ['x', '30.03', '31.03', '01.04', '02.04', '03.04', '04.04', '05.04'],
        ['Ilość wejść', 0, 0, 0, 0, 0, 0, 1]
      ],
      axes: {
        data2: 'y2'
      },
      types: {
        'Ilość wejść': 'bar'
      }
    },
    axis: {
      y: {
        label: {
          text: 'Y Label',
          position: 'outer-middle'
        }
      },
      y2: {
        show: true,
        label: {
          text: 'Y2 Label',
          position: 'outer-middle'
        }
      }
    }
});

ВЕБ-САЙТ C3: https://c3js.org/gettingstarted.html#generate

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

https://www.chartjs.org/

Использование диаграммы. js Я получил такой результат:

<!doctype html>
<html>

<head>
	<title>Line Styles</title>
  <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

	<style>
	canvas{
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	</style>
</head>

<body>
	<div style="width:75%;">
		<canvas id="canvas"></canvas>
	</div>
	<script>

var ctx = document.getElementById('canvas').getContext('2d')

var mixedChart = new Chart(ctx, {
    type: 'bar',
    data: {
        datasets: [{
            label: 'Bar Dataset',
            data: [0, 0, 0, 0, 0, 0, 1]
        }, {
            label: 'Line Dataset',
            data: [30.03, 31.03, 1.04, 2.04, 3.04, 4.04, 5.04],

            // Changes this dataset to become a line
            type: 'line'
        }],
        labels: ['1', '2', '3', '4','5','6','7']
    },
});
	</script>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...