如何将数据标签添加到道场散点图?
问题描述:
我需要一个将数据标签添加到dojo散点图的示例。 (不是工具提示)。 这些是我发现了什么,但它并没有帮助如何将数据标签添加到道场散点图?
add text to dojo chart (in this case scatter chart)
require([
"dojox/charting/Chart",
"dojox/charting/themes/MiamiNice",
"dojox/charting/action2d/Tooltip",
"dojox/charting/plot2d/Bubble",
"dojox/charting/plot2d/Markers",
"dojox/charting/axis2d/Default",
"dojo/domReady!"], function (Chart, theme,Tooltip) {
var d1 = [];
for (var i = 0; i <= 10; i += 1) {
d1.push({
x: i,
y: parseInt(Math.random() * 50),
size: parseInt(Math.random() * 10),
tooltip: "hello:" + i,
text: "hello:" + i
});
// or you can put "size:1" for simplicity
}
var chart = new Chart("container", {
title: "Hello"
});
chart.addPlot("default", {
type: "Bubble",
labels: true,
labelOffset: 20,
htmlLabels: true
});
chart.addAxis("x");
chart.addAxis("y", {
vertical: true,
fixLower: "major",
fixUpper: "major"
});
// Add the series of data
chart.addSeries("Demo", d1);
//chart.addSeries("Series A", [{"Hello1": { x: 83, y: 60 }}, { "Hello": //{ x: 100, y: 60 }}]);
new Tooltip(chart, "default");
chart.render();
});
答
您需要升级到1.9.7道场至少使用这样的回答:
首先所有,你必须设置一个新选项:“labelStyle:'outside'”。如果标签宽度大于圆圈,则该位置文本夹在圆圈上。
下一个选项,使用的是:
labelFunc: function(value){
return value.text;
}
这个函数告诉哪个标签显示图表。
我更新了小提琴的例子: Updated JSFiddle
+0
谢谢艾哈迈德您的帮助:) –
嗨。你需要什么?我在JSfiddle的圆圈内看到一个标签。这不是你需要的吗? – Tarek
没有其实它显示气泡大小,我需要自己设置文本 –