JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
creditText: "",
axisY:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
gridThickness:0,
},
axisX:{
lineThickness:0,
tickThickness:0,
valueFormatString:" ",//space
labelFontSize:0,
},
title:{
text: "Tore und dies unddas",
fontSize:20,
verticalAlign: "center",
horizontalAlign: "left",
},
toolTip: {
enabled:false,
},
data:[
{
indexLabel: "{y}",
indexLabelFontSize: 20,
indexLabelPlacement: "inside",
color: "#151515",
type: "stackedBar100",
dataPoints: [
{y: 2, label: "Tore" },
]
},
{
indexLabel: "{y}",
indexLabelFontSize: 20,
indexLabelPlacement: "inside",
color: "#F2F2F2",
type: "stackedBar100",
dataPoints: [
{y: 2, label: "Tore" },
]
},
]
});
chart.render();