Tooltip is not working correctly

[sumit1191]

[
{ label: ‘ Actual’, data: {{rbjc.GraphTotalRevenue}} },
{ label: ‘ Goal’, data: {{rbjc.GraphTotalRevenueGoal}} },

],
{
bars: { show: true, fill: true, lineWidth: 1, order: 1, fillColor: { colors: [{ opacity: 0.5 }, { opacity: 0.9}] } },
colors: [‘{{rbjc.color.actual}}’, ‘{{rbjc.color.goal}}’],
series: { shadowSize: 1 },
xaxis:{ font: { color: ‘#000’ }, position: ‘bottom’, ticks: {{rbjc.GraphTicks}}, tickOptions: { angle: 30 } },
yaxis:{ font: { color: ‘#333’ }, min: 0 },
grid: { hoverable: true, clickable: true, borderWidth: 0, color: ‘#ccc’ },
tooltip: true

}

[sumit1191]

The Whole UI Code…
<div ui-jq=”plot” data-ng-if=”rbjc.showGraph” ui-options=”
[
{ label: ‘ Actual’, data: {{rbjc.GraphTotalRevenue}} },
{ label: ‘ Goal’, data: {{rbjc.GraphTotalRevenueGoal}} },
],
{
bars: { show: true, fill: true, lineWidth: 1, order: 1, fillColor: { colors: [{ opacity: 0.5 }, { opacity: 0.9}] } },
colors: [‘{{rbjc.color.actual}}’, ‘{{rbjc.color.goal}}’],
series: { shadowSize: 1 },
xaxis:{ font: { color: ‘#000’ }, position: ‘bottom’, ticks: {{rbjc.GraphTicks}}, tickOptions: { angle: 30 } },
yaxis:{ font: { color: ‘#333’ }, min: 0 },
grid: { hoverable: true, clickable: true, borderWidth: 0, color: ‘#ccc’ },
tooltip: true,
}
”
data-ui-refresh=”rbjc.GraphTotalRevenue” style=”height: 400px”>
</div>

[Suyash Singh]

@sumit1191,

The chart options you are using doesn’t seem to be in the format required by CanvasJS. Please refer this page to know more about the chart options accepted by CanvasJS.
___
Suyash Singh
Team CanvasJS