如何清除图表js中的上一个图表 [英] How to clear previous chart in chart js

问题描述

我在chartjs中遇到了问题。当我正在动态做像绑定chatjs图上的下拉选择时，在此前一个图表中显示旧数据在鼠标上某些区域闪烁的东西，我发现以前的数据在每次生成图表ID增量时都不清楚show

如何清除以前的chartjs

我尝试一些方法destroy（）元素删除画布clear（）但不适用于我



我尝试了什么：

i have a problem in chartjs. when i'm doing dynamically like drop down selection on bind chatjs graph, in this previous chart is showing old data something flickering on mouse over some area, i'm find previous data is not clear on chart each time it generate chart id increment and show
how to clear previous chartjs
i'm try some methods destroy() element remove of canvas clear() but not work for me

What I have tried:

$(function () {
                debugger;
            
                LoadChart();
                $("[id*=ddluserid]").bind('change', function () {
                    var v1 = $("[id*=ddluserid]").val();
                    //alert(v1);
                    LoadChart();
                })
            })
            function LoadChart() {
                $.ajax({
                    type: "POST",
                    url: "WebServiceMonth.asmx/View_chart",
                    data: "{cstid:'" + $("[id*=ddluserid]").val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: bind_graph,
                    error: graph_fail,
                });
                function bind_graph(r) {
                    var data = eval(r.d)
                    var ctx = $("#dynamic_view").get(0).getContext("2d");
                    var third_view = new Chart(ctx).Pie(data);
                }
                function graph_fail(r) {
                    alert("dynamic view failed");
                }
            }

推荐答案

（ function （）{
调试器;

LoadChart（）;

(function () { debugger; LoadChart();

（ [id * = ddluserid]）。bind（' 更改'， function （）{
var v1 =

("[id*=ddluserid]").bind('change', function () { var v1 =

（ [id * = ddluserid ]）。val（）;
// alert（v1）;
LoadChart（）;
}）
}）
function LoadChart（）{

("[id*=ddluserid]").val(); //alert(v1); LoadChart(); }) }) function LoadChart() {

这篇关于如何清除图表js中的上一个图表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！