代码之家  ›  专栏  ›  技术社区  ›  Muhamad Sherif

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

  •  0
  • Muhamad Sherif  · 技术社区  · 9 年前

    我需要一个向dojo散点图添加数据标签的示例。(不是工具提示)。 这些是我找到的,但没用

    add text to dojo chart (in this case scatter chart)

    http://jsfiddle.net/kpy3B/33/

    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 回复  |  直到 7 年前
        1
  •  1
  •   Tariq    9 年前

    您需要至少升级到dojo 1.9.7才能使用此答案:
    首先,您必须设置一个新选项:“labelStyle:'outside”。如果标签宽度大于圆,则将文本置于圆上。
    下一个要使用的选项是:

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

    此函数告诉图表要显示的标签。
    我更新了fiddle示例: Updated JSFiddle