Как отобразить значения над барами на графике столбцов Dojox - PullRequest
Новая
       15

Как отобразить значения над барами на графике столбцов Dojox

1 голос
/ 19 января 2012

Есть ли способ показать значение y каждого бара над фактическим баром на диаграмме типа столбцов dojox? Вот мой код (который я получил от http://glenurban.me.uk/A55D03/Blog.nsf/dx/DojoChart.htm):

<script type="text/javascript">
dojo.require("dojox.charting.Chart2D");

var series1 = [ 3, 2, 5, 3, 6, 4]; 
var xlabels = [ 
    {value : 1, text : "a"}, 
    {value : 2, text : "b"}, 
    {value : 3, text : "c"}, 
    {value : 4, text : "d"}, 
    {value : 5, text : "e"}, 
    {value : 6, text : "f"}, 
    {value : 7, text : "g"}];

var chart1;
makeCharts = function() {
    chart1 = new dojox.charting.Chart2D("simplechart");
    chart1.addPlot("default", {
        type : "Columns",
        gap : 2
    });
    chart1.addAxis("x", {
        labels : xlabels
    });
    chart1.addAxis("y", {
        vertical : true,
        min : 0
    });
    chart1.addSeries("Series1", series1);
    chart1.render();
};

dojo.addOnLoad(makeCharts);
</script>

Ответы [ 2 ]

1 голос
/ 29 января 2012

К сожалению, похоже, что эта функция еще не была включена в более поздние версии Dojo: см. тикет и этот тикет (найдено из этот список рассылки .)

Я попытался проверить, есть ли способ использовать Dojo GFX для получения значений из вашей серии данных ... и затем наложить это на график,Но делать метки таким образом будет глупо (и все это зависит от того, допускает ли поверхность Dojo GFX наложение поверхности на уже созданный объект диаграммы SVG.)

Всегда естьвозможность добавить эту функцию в саму библиотеку Dojo Chart2D.Но всякий раз, когда вы делаете это, если вы не сможете изменить свои патчи с помощью основной ветки Dojo Chart2D, вы должны быть осторожны, чтобы в будущем не перезаписывать свою пользовательскую библиотеку более новой версией Chart2D.

Однако , если вы не привязаны к Dojo для этой конкретной необходимости, рассматривали ли вы вопрос об использовании jQuery ?В настоящее время существует множество различных библиотек диаграмм / графиков:

  1. Highcharts ( примеров )
  2. Flot ( примеры )
  3. Tuftegraph ( примеры )

Также, Инструменты Google Chart довольно хорошо, если jQuery вам не подходит.

Или ... JavaScript InfoVis Toolkit тоже отлично.

0 голосов
/ 20 февраля 2014

Для информации, теперь возможно иметь диаграмму столбцов с меткой. Для примера:

addPlot ("по умолчанию", {тип: "ClusteredColumns", метки: true , labelStyle: "снаружи" или "внутри"})

...