【问题标题】:How can I add data label to dojo scatter chart?如何将数据标签添加到道场散点图?
【发布时间】:2015-07-20 12:51:32
【问题描述】:

我需要一个将数据标签添加到 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();
});

【问题讨论】:

  • 嗨。你到底需要什么?我在 JSfiddle 的圆圈内看到一个标签。这不是你需要的吗?
  • 否 其实是显示气泡大小,需要自己设置文字

标签: charts dojo scatter dojox.charting


【解决方案1】:

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

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

这个函数告诉图表显示哪个标签。
我更新了小提琴示例: Updated JSFiddle

【讨论】:

  • 感谢艾哈迈德的帮助 :)
猜你喜欢
  • 2020-02-13
  • 2023-04-10
  • 2023-04-09
  • 1970-01-01
  • 2019-09-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多