0
차트 툴팁이 표시되지 않습니다. 마우스 오버는 툴팁을 표시하는 기능을 트리거하지 않는 것 같습니다.dojo 툴팁이 표시되지 않습니다.
툴팁의 텍스트 기능에 경고 메시지가 추가되었지만 마우스를 마커 위로 가져 가면 경고 메시지가 표시되지 않습니다.
이 코드의 잘못된 점은 무엇입니까?
Codepen 링크 : http://codepen.io/pradeepsixer/pen/Ldrha
<html>
<head>
<script src="dojo/dojo.js"></script>
</head>
<body>
<div id="chartArea">
</div>
<div id="legendArea">
</div>
<script type="text/javascript">
require(["dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/StackedAreas", "dojox/charting/themes/Dollar", "dojox/charting/action2d/Tooltip", "dojox/charting/widget/Legend", "dojo/ready"],
function(Chart, Default, StackedAreas, Dollar, Tooltip, Legend, ready){
ready(function(){
var mychart = new Chart("chartArea");
mychart.addPlot("default", { markers: true, marker: "m-3,0 c0,-4 6,-4 6,0 m-6,0 c0,4 6,4 6,0" })
mychart.addPlot("redline", { fill:'#000', stroke: {color:'#f00', width: 2}, markers: true })
.addAxis("x", {fixLower: "major", fixUpper: "major", labels:[{value:14,text:'Great'},{value:16,text:'Bread'},{value:18, text:'Soft'},{value:20,text:'Great Bread'}], length:2, natural:true, minorTicks: false, microTicks: false, majorTickStep: 2, majorLabels: true, microLabels: true})
.addAxis("y", {vertical: true, fixLower: "major", fixUpper: "major", min: 0, max: 20})
.setTheme(Dollar)
.addSeries("Series A", [{x:14,y:1},{x:16,y:5},{x:20,y:18}], {plot: 'redline'})
.addSeries("Series B", [{x:14,y:5},{x:16,y:14},{x:20,y:4}])
.addSeries("Series C", [{x:14,y:8},{x:16,y:7},{x:20,y:15}])
.render();
// console.debug(dc.action2d.Tooltip);
console.debug(dojox.charting.action2d.Tooltip);
new Tooltip(mychart, "default", {
text: function(o){
alert("Comes");
return "Element at index: "+o.index;
}
});
new Legend({chart: mychart}, "legendArea");
});
});
</script>
</body>
</html>