Я пытаюсь сделать график, похожий на этот image Здесь сделан с диаграммами. js, но, к сожалению, у меня не получается, чтобы этот график работал на PDF, поэтому я перешел на C3. Я попробовал C3. js, и он работает с wkhtmltopdf, но теперь я сталкиваюсь с проблемой наложения полосы стека и сгруппированных полос. Я собрал jsFiddle для этого: jsfiddle
Спасибо!
var shots = ['Body', 'Male', 'Female'];
var chart = c3.generate({
data: {
columns: [
['min', 3.120, 2.590, 1.800],
['red', 3.354, 2.784, 2.070],
['amber', 3.588, 2.979, 2.070],
['27 Sep 2018', 2.500, 3.000, 5.000],
['05 Oct 2018', 4.400, 3, 3.400],
['04 Feb 2020', 2.400, 2.700, 2.000]
],
type: 'bar',
groups: [
['min', 'red', 'amber']
]
},
legend: {
show: false
},
grid: {
y: {
lines: [{value:0}]
}
},
axis: {
x: {
type: 'category',
categories: shots,
},
y: {
label: {
text: 'Shot Values',
position: 'outer-middle'
}
},
}
});