Charts 如何在ChartJS饼图段上获取标签

Charts 如何在ChartJS饼图段上获取标签,charts,label,chart.js,Charts,Label,Chart.js,我有一个项目,我想有几个页面/报告与饼图补充。我已经在应用程序中使用了其他ChartJS支持的图表,我很喜欢它们,但是饼图是非常无用的,因为它默认没有标签 那么,是否有任何有效的解决方案可以添加它们,而不必在ChartJS核心文件中乱来?我已经偶然发现了使用谷歌的各种“解决方案”,但它们要么已经过时(提到替换不再存在的部分代码),要么需要在核心文件中进行编辑。我正在使用最新的ChartJS版本1.0.1。 这对我来说也很难找到。我的解决方案有点复杂,因为需要在同一页上有多个图表。(因此,我的上下

我有一个项目,我想有几个页面/报告与饼图补充。我已经在应用程序中使用了其他ChartJS支持的图表,我很喜欢它们,但是饼图是非常无用的,因为它默认没有标签

那么,是否有任何有效的解决方案可以添加它们,而不必在ChartJS核心文件中乱来?我已经偶然发现了使用谷歌的各种“解决方案”,但它们要么已经过时(提到替换不再存在的部分代码),要么需要在核心文件中进行编辑。我正在使用最新的ChartJS版本1.0.1。

这对我来说也很难找到。我的解决方案有点复杂,因为需要在同一页上有多个图表。(因此,我的上下文和数据变量的命名与chart.js文档中的略有不同。)

基本上,我必须补充两件事。首先,一个div用来保存图例,然后,添加一行命令chart.js在那里构建图例。第二行必须在声明新图表的变量之后(我根据文档:chartjs.org/docs/#甜甜圈饼图示例用法标记了该变量)

这是分区:


以下是JS:

//jQuery
$(“#饼图图例”).html(propertyTypes.generateLegend());
//JavaScript
document.getElementById('pie_legend')。innerHTML=propertyTypes.generateLegend();

我还没有找到让工具提示出现在悬停在
li
元素上的方法,但我希望答案就在这个GitHub问题上:GitHub.com/nnnick/Chart.js/issues/522,在这里我找到了解决您同样问题的方法

如果这有助于您:

$scope.options={
工具管道事件:[],
showTooltips:true,
ToolTiCaretSize:0,
onAnimationComplete:函数(){
this.showTooltip(this.segments,true);
},
}

这是用于生成图例,而不是标签。虽然我以前也遇到过同样的问题,但是ChartJS的默认配置在使用饼图时会产生错误(确切地说是legendTemplate属性)。我需要的是饼图段上的标签,很像这个GoogleChartAPI示例如何将百分比显示为标签:我误解了这个问题-对不起。我明白你的意思了。。。GoogleChartAPI在确定文本标签是否有空间方面做得很好。我不确定chart.js为什么不这样做。再一次,为误解道歉。一个可能的解决方案,但我没有试好,就是这样。这个链接是我偶然发现的众多链接之一,但解决方案似乎已经过时。我再也找不到核心ChartJS文件中引用的代码行,更不用说编辑核心文件是一个肮脏的快速修复;一旦ChartJS得到更新,这个补丁将再次被覆盖,毕竟。你完全正确。而那次黑客攻击是针对前一个版本的,在最新版本中无法使用。看起来开发人员最近将其指定为增强功能