Hello,

Can you tell me about this advice.
This is my code :

$("#chart").igDataChart({
dataSource: result,
width: ReportWidth,
height: ReportHeight,
crosshairVisibility: Modernizr.touch ? "visible" : "collapsed",
title: ReportName,
titleTextColor: "#757171",
titleTextStyle: "8px Tahoma",
subtitle: ReportCode,
subtitleTextColor: "#BFBFBF",
subtitleTextStyle: "8px Tahoma",
horizontalZoomable: false,
verticalZoomable: false,
axes: [{
type: "categoryX",
name: "xAxis",
label: "DIM03",
strokeThickness: 5,
gap: 0.7, //ช่องไฟ
overlap: 0.65 //ช่องไฟระหว่างแท่ง
}, {
type: "numericY",
name: "prodPower",
minimumValue: 0,
maximumValue: 4000,
strokeThickness: 5
},
{
type: "numericY",
name: "totalPower",
minimumValue: 0,
maximumValue: 4000,
labelLocation: "outsideRight",
}
],
series: [{
type: "column",
//isHighlightingEnabled: true,
//isTransitionInEnabled: true,
name: "QTY_Case_LY",
title: "# QTY (Case) LY",
xAxis: "xAxis",
yAxis: "prodPower",
valueMemberPath: "# QTY (Case) LY",
legend: { element: "columnLegend" }
}, {
type: "column",
name: "QTY_Case_Target",
title: "# QTY Case Target",
xAxis: "xAxis",
yAxis: "prodPower",
valueMemberPath: "# QTY (Case) Target",
legend: { element: "columnLegend" }
}, {
type: "point",    //***** This is code that defines me. I tried the code type: "circles" but it does not display anything.
pointSize: 30,
name: "QTY_Case",
title: "# QTY Case",
xAxis: "xAxis",
yAxis: "totalPower",
valueMemberPath: "# QTY (Case)",
brush: "#0070C0",
legend: { element: "columnLegend" }
}],
leftMargin: 5,
topMargin: 15
});

This is chart that displays :

http://i.imgur.com/F8DFqUa.png

But here's the chart that I want :

http://i.imgur.com/jwNReLz.png

Thank you.