Question

我需要一个向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();
});

Answer 1

你需要升级到dojo 1.9.7至少使用这个答案：
首先，您必须设置一个新选项：＆＃34; labelStyle：＆＃39; outside＆＃39;＆＃34;。如果标签宽度大于圆圈，则将文本定位在圆圈上。
下一个使用的选项是：

labelFunc: function(value){
        return value.text;
    }

此功能告诉图表显示哪个标签我更新了小提琴的例子： Updated JSFiddle

如何将数据标签添加到dojo散点图？

1 个答案: