Javascript Char.js-如何在饼图中默认显示标签
我想在页面加载时默认显示标签。但是默认的chart.js在鼠标悬停之前不会显示任何标签。我正在写下面这样的代码Javascript Char.js-如何在饼图中默认显示标签,javascript,chart.js,Javascript,Chart.js,我想在页面加载时默认显示标签。但是默认的chart.js在鼠标悬停之前不会显示任何标签。我正在写下面这样的代码 var ctx = document.getElementById("chart-area").getContext("2d"); window.myPie = new Chart(ctx).Pie(pieData,{ animationSteps: 100,
var ctx = document.getElementById("chart-area").getContext("2d");
window.myPie = new Chart(ctx).Pie(pieData,{
animationSteps: 100,
animationEasing: 'easeInOutQuart',
scaleShowLabels : true
});
这是我的数据
var pieData = [
{
value: 100,
color:"#F7464A",
highlight: "#FF5A5E",
label: "New",
},
{
value: 220,
color: "#46BFBD",
highlight: "#5AD3D1",
label: "In Progress"
}];
默认情况下显示标签的属性是什么?我无法在的文档中找到您在pieData ex中添加的:
var pieData = [
{
value : 30,
color : "#F38630",
label : 'Sleep',
labelColor : 'white',
labelFontSize : '16'
},
...
];
实际上这很容易,您只需覆盖2个选项属性:
// Draw the tooltips when the animation is completed
onAnimationComplete: function() {
this.showTooltip(this.segments);
},
// Block the mouse tooltip events so the tooltips
// won't disapear on mouse events
tooltipEvents: []
首先,在动画完成时强制绘制工具提示,然后阻止鼠标事件以覆盖默认行为,因为您不再需要它(此行为仅显示活动工具提示并隐藏其他工具提示)
参见我的我已经有了数据。没有数据,什么都看不见!!为了更清楚,我还添加了数据。请检查已编辑的问题并尝试此操作