在HighCharts饼图传说的总计

有我的方式让我的价值列在我的传说到底总计？这里是我的传说的代码在这里，以及它分成两列的数据[]集的名称和价值的小提琴。在HighCharts饼图传说的总计

legend: { 
      enabled: true, 
      layout: 'vertical', 
      align: 'right', 
      width: 220, 
      verticalAlign: 'top', 
      borderWidth: 0, 
      useHTML: true, 
      labelFormatter: function() { 
       return '<div style="width:200px"><span style="float:left">' + this.name + '</span><span style="float:right">' + this.y + '%</span></div>'; 
      }, 
      title: { 
       text: 'Primary', 
       style: { 
        fontWeight: 'bold' 
       } 
      } 
     }

ID喜欢列是这样的

Data1  2 
Data2  3 
Data3  2 
     --- 
      7

我需要什么，能够做的就是添加该行下面的虚线或preferrably实线和所有的则总计数据值。这是我目前的小提琴。

http://jsfiddle.net/hAnCr/29/

谢谢！

来源

2013-04-26 Nick G

你可以通过总追加到最后一个图例项破解这个。

chart: { 
    events: { 
    load: function(event) { 
     $('.highcharts-legend-item').last().append('<br/><div style="width:200px"><hr/> <span style="float:left"> Total </span><span style="float:right"> ' + total + '</span> </div>') 
    } 
    } 
}

小提琴here。

enter image description here

来源

2013-04-26 13:50:13 Mark

非常感谢您！我只是在学习highcharts和API是有点冗长，所以我一直无法弄清楚这个东西了！ – 2013-04-26 14:09:53

是否有一个原因，我会接受SCRIPT438的错误：对象不支持属性或方法“最后”采用铬和/或IE 7,8,9,10时。它在小提琴中工作正常，但不适用于我的网站本身。奇怪的，但再次感谢你这肯定是我正在寻找 – 2013-04-26 14:39:13

嗯，不知道，你使用的是什么版本的JQuery？ Chrome中的错误是什么？ 'Script438'是一个IE浏览器，我不相信IE会抛出一个有意义的错误。 – Mark 2013-04-26 18:55:30

我总实际添加的数据阵列中的另一个入口，带一个空值和标签属性。事情是这样的：

legend: { 
    labelFormatter: function() { 
     return this.name + ': ' + this.y_label; 
    }, 
}, 
// ... 
series: [{ 
    type: 'pie', 
    data: [ 
     {'name': 'Real Estate', 'y': 12.55, 'y_label': 12.55}, 
     // ... 
     {'name': 'Total', 'y': null, 'y_label': 100, 'color': 'transparent'} 
    ] 
}]

example

小提琴这里：http://jsfiddle.net/Aeon/9cZKg/1/

来源

2013-06-19 19:10:51 Aeon

在HighCharts饼图传说的总计

回答

相关问题