Блог

Давайте воспользуемся примером в следующем URL: https: //jsfiddle.net/d3fzsw25/

Я хотел бы отобразить общую сумму поверх столбчатой диаграммы с накоплением. Значение должно отображать 45.

Я попытался использовать метод «Текст» и «Аннотации» для отображения моей общей суммы.

Один пример функции для подсчета общего:

     function getTotalY(graphData) {
    var total = [],
        undefined;
    for (var i = 0, n = graphData.length; i < n; i  ) {
        var arg = graphData[i].y
        for (var j = 0, n1 = arg.length; j < n1; j  ) {
            total[j] = (total[j] == undefined ? 0 : total[j])   arg[j];
        }
    }
    return total.reduce(function (a, b) {
        return a   b;
    });
}
 

Для отображения аннотации:

     function countTotal(graph) {
    var graphData = graph.data; //Loaded traces
    //making new layout
    var newLayout = {
  x: 'giraffes',
  y:getTotalY(graphData),
  mode: 'markers text',
  name: 'Markers and Text',
  text: getTotalY(graphData),
  textposition: 'top',
  type: 'scatter'
  };
    Plotly.update('myDiv', graphData, newLayout)
}
 

Есть ли какая-либо ошибка, которую я допустил в JS? Любое предложение будет оценено! Спасибо.