show balloons on amcharts

I try for a few weeks to make it work...

`var chart = AmCharts.makeChart( "chartdiv", {
"type": "stock",
"theme": "none",
"dataSets": [ {
"fieldMappings": fieldMappings,
"dataProvider": chartData,
"categoryField": "date"
} ],
"panels": [ {
// "showCategoryAxis": true,
"title": "Variables",
"percentHeight": 70,
"stockGraphs":stockGraphs,
// "showBalloon":true,
"stockLegend": {
"color":"#fff",
"align":"center",
"autoMargins": true,
"equalWidths": true,
"borderColor": '#fff',
"forceWidth": true,
"position":"bottom",
"maxColumns": 3,
"markerDisabledColor":'#AAB3B3'
}`

}],
// "ValueAxis":{
// "axisColor": "#fff",
// "color": "#fff"
// },
// "stockPanel":[{
// "mouseWheelScrollEnabled": true,
// "mouseWheelZoomEnabled": true,
// "balloon": {
// "adjustBorderColor": true,
// "color": "#fff",
// "cornerRadius": 5,
// "fillColor": "#FFFFFF"
// }
// }],

"chartScrollbarSettings": {
"graph": "g1",
"usePeriod": "10mm",
"offset": 30,
"gridAlpha": 0,
"color": '#fff',
"scrollbarHeight": 50,
"backgroundAlpha": 0,
"selectedBackgroundAlpha": 0.05,
"selectedBackgroundColor": '#fff',
"graphFillAlpha": 0,
"autoGridCount": true,
"selectedGraphFillAlpha": 0,
"graphLineAlpha": 0.2,
"selectedGraphLineColor": '#fff',
"selectedGraphLineAlpha": 1
},
"categoryAxesSettings": {
"color":"#fff",
"minPeriod": "mm",
"gridColor": "#fff",
"axisColor": "#fff"
},
"chartCursor": {
"cursorAlpha": 0,
"valueLineEnabled": true,
"valueLineBalloonEnabled": true,
"valueLineAlpha": 0.5,
"fullWidth": true
},
"chartCursorSettings": {
// "pan": true,
// "cursorColor" : 'red',
"valueLineEnabled": true,
"valueLineBalloonEnabled": true,
// "categoryBalloonEnabled": true,
// "valueBalloonsEnabled": true,
"fullWidth": true,
"cursorAlpha": 0.1,
"valueLineAlpha": 0.5,
},
"balloon": {
"textAlign": "left",
"adjustBorderColor": true,
"color": "#fff",
"cornerRadius": 5,
"fillColor": "#FFFFFF"
},
"legend": {
"useGraphSettings": true
},

"periodSelector": {
"inputFieldsEnabled": false,
"position": "top",
"dateFormat": "YYYY-MM-DD JJ:NN",
"periods": [ {
"period": "hh",
"count": 2,
"label": "2 hour"
}, {
"period": "hh",
"count": 12,
"label": "12 hours"
}, {
"period": "DD",
"count": 7,
"label": "1 Week",
"selected": true
}, {
"period": "MM",
"count": 1,
"label": "1 Month"
}, {
"period": "MAX",
"label": "MAX"
} ]
},
"export": {
"enabled": true,
"divId": "exportdiv",
"libs": {
"path": "https://www.amcharts.com/lib/3/plugins/export/libs/"
},
"menu": [ {
"class": "export-main",
"menu": [ "XLSX" ]
} ]
},
"creditsPosition": 'bottom-right'
,
"listeners": [{
"event": "init",
"method": function(e) {
var curtain = document.getElementById("curtain");
// console.log(curtain.style.display);
if (curtain.style.display === 'none') {
curtain.style.display = 'block';
} else {
curtain.style.display = 'none';
}
// console.log(curtain.style.display);
}
}]

} );`

And my html:

`

i try to change html for some div on front, but isn't work...please help...thanks!