Javascript 刷新饼图后,切片值将被删除
我使用下面的代码使用JS在饼图中填充切片值,它正常工作,但 我观察到另一个问题,因为这些值只填充了一次,当我重新加载图表时,它就消失了。现在让我们假设,如果我关闭浏览器并再次打开或更改浏览器,它将再次显示值。但在执行多次强制刷新Ctrl+F5之后,它也不会显示值。你能帮忙吗 请注意,我在同一页上有3个以上的饼图,但id不同Javascript 刷新饼图后,切片值将被删除,javascript,chart.js,pie-chart,chart.js2,Javascript,Chart.js,Pie Chart,Chart.js2,我使用下面的代码使用JS在饼图中填充切片值,它正常工作,但 我观察到另一个问题,因为这些值只填充了一次,当我重新加载图表时,它就消失了。现在让我们假设,如果我关闭浏览器并再次打开或更改浏览器,它将再次显示值。但在执行多次强制刷新Ctrl+F5之后,它也不会显示值。你能帮忙吗 请注意,我在同一页上有3个以上的饼图,但id不同 var canvas = document.getElementById('myChart'); new Chart(canvas, { type: 'pie',
var canvas = document.getElementById('myChart');
new Chart(canvas, {
type: 'pie',
data: {
labels: ['January', 'February', 'March'],
datasets: [{
data: [50445, 33655, 15900],
backgroundColor: ['#FF6384', '#36A2EB','#FFCE56']
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
plugins: {
labels: {
render: 'percentage',
fontColor: ['green', 'white', 'red'],
precision: 2
}
},
}
});
@uminder正如在另一个线程中讨论的,您是否可以建议可能的原因和解决方案?您是否可以看到任何错误记录到浏览器控制台?@uminder:很抱歉,浏览器控制台中没有错误。如果我在Chrome上打开图表,那么第一次显示值,然后第二次运行,或者如果在另一个Chrome选项卡上打开,则不是。如果我在IE中打开它的显示值。请注意::我是专门用Chrome浏览器观察这个问题的
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-labels/src/chartjs-plugin-labels.js"></script>
<canvas id="myChart"></canvas>