当我使用dojo工具包绘制一个简单的折线图时,我变得疯狂起来。一切都很好,除了工具提示不会在鼠标悬停时出现。ChartData是具有以下结构的对象的列表:
[{'x':x1, 'y':y1, 'tooltip':"some text"}, {...}, ...]放大动画在Chrome和Firefox上都有效。我试着按照here的建议改变主题,但仍然没有结果。我做错了什么?
require([
"dojox/charting/Chart",
"dojox/charting/axis2d/Default",
"dojox/charting/plot2d/Lines",
"dojox/charting/themes/MiamiNice",
"dojox/charting/action2d/Tooltip",
"dojox/charting/action2d/Magnify"],
function(Chart, Tooltip, Magnify, themes, Lines, Default) {
var chartData = data["res"];
var chart = new Chart("graph", {title: data["title"],
titleFontColor: "#79B30B"});
chart.addAxis("y", {vertical: true, min: 0, max:110});
chart.addAxis("x");
chart.addPlot("default", { type: "Lines", markers: true,
tension:3,
shadows: {dx: 2, dy: 2, dw: 2} } );
chart.setTheme(dojox.charting.themes.MiamiNice);
chart.addSeries("Connectivity[%]", chartData);
var tooltip = new dojox.charting.action2d.Tooltip(chart, "default");
var magnify = new dojox.charting.action2d.Magnify(chart, "default");
chart.render();
});发布于 2012-12-19 03:18:54
非常感谢弗罗德,解决方案是在我的代码中加载的网页头部的dijit主题将是MiamiNice而不是Claro。
<style type="text/css">
@import
url("http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/claro/claro.css");
</style>发布于 2013-08-15 11:56:55
我有一个问题,我的工具提示没有显示在折线图上。在将绘图添加到图表时,我将markers:false更改为markers:true,并且工具提示开始显示。
mapChart1.addPlot("default", {
type : dojox.charting.plot2d.Lines,
markers : true
});https://stackoverflow.com/questions/13921447
复制相似问题