This is my template code:
<div id="template" runat="server">
<div id="point" runat="server">#point.y#</div>
</div>
Here is my JavaScript:
// create chart2 series
$('#<%=Chart2Div.ClientID%>').ejChart({
commonSeriesOptions: {
type: 'column',
enableAnimation: true,
},
primaryYAxis: {
labelFormat: 'c',
},
primaryXAxis: {
title: {
text: 'IAPD Category',
font: {
fontFamily: 'Segoe UI',
size: '16px',
fontWeight: 'bold',
color: 'grey',
}
}
},
series: [{
type: 'column',
dataSource: jsonObject,
xName: "Xvalue",
yName: "YValue",
marker: {
dataLabel: {
template: 'template',
visible: true,
font: { color: 'black', size: '20px' },
textPosition: "middle"
}
},
}],
canResize: true,
depth: 100,
wallSize: 2,
tilt: 0,
rotation: 20,
perspectiveAngle: 90,
enableRotation: true,
enable3D: true,
title: {
text: 'Categories for Fiscal Year ' + fYear,
},
});
This is not working though, and my dataLabel is not displaying like the point.y value is displaying. I set the PrimaryYAxis to display in currency format, but the dataLabel in my column is display the integer value with a 'c' on the end of it. Instead of $5,888.00 it is displaying as 5888c
How to fix this please.
Thanks.
