如何为 dojo 散点图添加数据标签?
How can I add data label to dojo scatter chart?
我需要一个向 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();
});
您至少需要升级到 dojo 1.9.7 才能使用此答案:
首先,您必须设置一个新选项:"labelStyle: 'outside'"。如果标签宽度大于圆圈,则将文本定位在圆圈上。
下一个要使用的选项是:
labelFunc: function(value){
return value.text;
}
此函数告诉图表显示哪个标签。
我更新了 fiddle 示例:
Updated JSFiddle
我需要一个向 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();
});
您至少需要升级到 dojo 1.9.7 才能使用此答案:
首先,您必须设置一个新选项:"labelStyle: 'outside'"。如果标签宽度大于圆圈,则将文本定位在圆圈上。
下一个要使用的选项是:
labelFunc: function(value){
return value.text;
}
此函数告诉图表显示哪个标签。
我更新了 fiddle 示例:
Updated JSFiddle