Полагаю, вы хотели получить что-то вроде этого:
Я никогда не использовал эту библиотеку, но я провел некоторые исследования на их сайте и закодировал следующее:
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>