Ajax重新加载数据聊天.js显示错误的鼠标悬停在图形上
Ajax reload data chat.js showing error on mouse hover on graph
请运行代码片段
当我点击重新加载按钮并在图表上移动鼠标时。图表改变了它的数据和颜色。它显示了以前的数据图表。
谁来帮我解决这个问题?我不知道如何解决它。$('documnet').ready(function(){
$('#reload').on("click",function(){
piechart();
});
piechart();
function piechart(){
// Pie chart or doughnut chart with chart.js
var ctx = document.getElementById("myChart").getContext("2d");
var data = [
{ value: 300, color:"#F7464A", highlight: "#FF5A5E", label: "sample" },
] ;
// data is empty.
// we'll thow in between 10 and 50 items randomly generated
entries = 10 + Math.floor(Math.random() * 40);
for (i = 0; i < entries; i++) {
r = Math.floor(Math.random() * 200);
g = Math.floor(Math.random() * 200);
b = Math.floor(Math.random() * 200);
v = Math.floor(Math.random() * 500);
c = 'rgb(' + r + ', ' + g + ', ' + b + ')';
h = 'rgb(' + (r+20) + ', ' + (g+20) + ', ' + (b+20) + ')';
data.push( {
value : v,
label : 'item ' + i,
color: c,
highlight: h
}) ;
};
var options = { } ;
if ( entries % 2 ) {
var myChart = new Chart(ctx).Doughnut(data,options);
}
else {
var myChart = new Chart(ctx).Doughnut(data,options);
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<button id="reload">Reload</button>
<canvas id="myChart" width="600" height="400"></canvas>
此处输入代码
我建议您为画布和您的甜甜圈图使用不同的名称。如果您的甜甜圈图名称为"myChart",请尝试:
function piechart(){
myChart.destroy();
// Pie chart or doughnut chart with chart.js
您可以使用以下代码:
$('#myChart').replaceWith('<canvas id="myChart" width="600" height="400"></canvas>');
相关文章:
- jquery表单验证复选框错误显示
- 为什么Inspect元素中的错误显示函数myNUM()没有定义?如何定义函数
- 禁用文本框的脚本错误显示
- 为什么错误显示为函数体之前缺少{
- Firefox SDK:包括jquery.flot在内的问题,错误显示维度高度为空
- 版边上出现错误“显示临时标题”
- 自定义错误显示在自定义位置,而不是每个元素旁边
- JavaScript错误显示在浏览器中
- jQuery tonum 是刨丝器,然后如果错误显示错误,则从没有
- 根据发现的错误显示不同的引导程序警报消息
- Javascript代码错误显示未定义的值
- 将输入字段值传入angularjs $resource undefined,错误显示未知的作用域提供商
- JavaScript错误显示在Joomla1.5页面
- 使用ruby生成节点并使用javascript错误显示它们
- d3js:条形图是不可见的,没有错误显示
- 与一些javascript,密码/用户名错误显示
- JavaScript错误显示表
- Javascript(与相位器)错误显示游戏的颜色-括号
- Jquery表单验证错误显示Div
- Php错误显示,而访问输入类型=文件使用jquery/ajax方法