Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何仅查看图表的图像_Javascript_Jquery_Html_Charts_Chart.js - Fatal编程技术网

Javascript 如何仅查看图表的图像

Javascript 如何仅查看图表的图像,javascript,jquery,html,charts,chart.js,Javascript,Jquery,Html,Charts,Chart.js,下面是一段代码,它在图表本身生成后生成图表的图像。 我只想看图像。可能吗 我尝试了显示:无用于图表的div,但图像似乎也不存在 $(function() { var ctx = document.getElementById('myChart'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ["July","August"

下面是一段代码,它在图表本身生成后生成图表的图像。 我只想看图像。可能吗

我尝试了
显示:无用于图表的div,但图像似乎也不存在

$(function() {

  var ctx = document.getElementById('myChart');

      var myChart = new Chart(ctx, {
          type: 'line',
              data: {
              labels: ["July","August","September","October","November","December","January","February","March","April"],
              datasets: [
                  {
                      label: 'This year',
                      data: [340,0,450,3240,360,200,0,0,1445,350],
                  }
                  , {
                      label: 'Last year',
                      data: [330,340,100,160,560,3600,320,0,397.5,300],
                  }
              ]
          },

          options: {
              maintainAspectRatio: false,
              responsive: true,
              animation: {
                  onComplete: function(animation){
                      document.querySelector('#myChart').setAttribute('href', this.toBase64Image());
                      document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
                  }
              }
          }
      });

})

基于这个问题,我创作了一把小提琴。我正在使用下面的行删除图表

              animation: { 
                    duration: 0,
                  onComplete: function(animation){
                      document.querySelector('#myChart').remove();
                      document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
                  }
              }

JSFIDLE:

基于这个问题,我创建了一个小提琴。我正在使用下面的行删除图表

              animation: { 
                    duration: 0,
                  onComplete: function(animation){
                      document.querySelector('#myChart').remove();
                      document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
                  }
              }

JSFIDLE:

你能发一把小提琴吗?我试过了,但没有结果。不管怎样,@naren murali已经发布到fiddle。你能发布一个fiddle吗?我试过了,但是没有结果。不管怎样,@naren murali已经发布到fiddle。谢谢您抽出时间。图表本身在删除之前会占用空间一段时间。你能阻止吗?你想这样吗,这个图表需要一点时间来渲染。这绝对是公认的答案。再次非常感谢你。为了改进答案,有没有办法减少渲染时间?@erayaras检查我的更新答案,小提琴也更新了。谢谢你的时间。图表本身在删除之前会占用空间一段时间。你能阻止吗?你想这样吗,这个图表需要一点时间来渲染。这绝对是公认的答案。再次非常感谢你。为了改进答案,有没有办法缩短渲染时间?@erayaras检查我的更新答案,小提琴也会更新。