JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;">
</div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
title:{
text: "Not showing toolTip for first dataSeries"
},
axisY:{
valueFormatString: "#0 mn",
title: "devices sold"
},
data: [
{
type: "column",
toolTipContent: null,
showInLegend: true,
name: "Q1 2012",
dataPoints: [
{y: 15.40, label: "iPads" },
{y: 37.00, label: "iPhones" },
{y: 15.40, label: "iPod" },
{y: 5.20, label: "Macs" }
]
},
{
type: "column",
showInLegend: true,
toolTipContent: "{label}<br/>{name}, <strong>{y}</strong>mn Units",
name: "Q1 2013",
dataPoints: [
{y: 22.90, label: "iPads" },
{y: 47.80, label: "iPhones" },
{y: 12.70, label: "iPod" },
{y: 4.10, label: "Macs" }
]
}
]
});
chart.render();