Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.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 如何下载pdf格式的图表?_Javascript_C#_Asp.net_Chart.js - Fatal编程技术网

Javascript 如何下载pdf格式的图表?

Javascript 如何下载pdf格式的图表?,javascript,c#,asp.net,chart.js,Javascript,C#,Asp.net,Chart.js,下面的代码用于使用chartjs库绘制图表,现在我希望在单击btnExport时将该图表下载为pdf。pdf应使用itextsharp或任何其他方法自动下载 任何小建议都是有帮助的 <body> <form runat="server"> <div class="container"> <canvas id="myChart" runat="server"></canvas> <asp:Bu

下面的代码用于使用chartjs库绘制图表,现在我希望在单击btnExport时将该图表下载为pdf。pdf应使用itextsharp或任何其他方法自动下载

任何小建议都是有帮助的

<body>
        <form runat="server">
  <div class="container">
    <canvas id="myChart" runat="server"></canvas>
      <asp:Button ID="btnExport" OnClick="btnExport_Click" runat="server" Text="Button" />
  </div>

  <script>
    let myChart = document.getElementById('myChart').getContext('2d');

    let massPopChart = new Chart(myChart, {
      type:'bar', // bar, horizontalBar, pie, line, doughnut, radar, polarArea
      data:{
        labels:['Boston', 'Worcester', 'Springfield', 'Lowell', 'Cambridge', 'New Bedford'],
        datasets:[{
          label:'Population',
          data:[
            617594,
            181045,
            153060,
            106519,
            105162,
            95072
          ],
          //backgroundColor:'green',
          backgroundColor:[
            'rgba(255, 99, 132, 0.6)',
            'rgba(54, 162, 235, 0.6)',
            'rgba(255, 206, 86, 0.6)',
            'rgba(75, 192, 192, 0.6)',
            'rgba(153, 102, 255, 0.6)',
            'rgba(255, 159, 64, 0.6)',
            'rgba(255, 99, 132, 0.6)'
          ],
          borderWidth:1,
          borderColor:'#777',
          hoverBorderWidth:3,
          hoverBorderColor:'#000'
        }]
      },
      options:{
        title:{
          display:true,
          text:'Largest Cities In Massachusetts',
          fontSize:25
        },
        legend:{
          display:true,
          position:'right',
          labels:{
            fontColor:'#000'
          }
        },
        layout:{
          padding:{
            left:50,
            right:0,
            bottom:0,
            top:0
          }
        },
        tooltips:{
          enabled:true
        }
      }
    });
  </script>

            </form>
</body>

让myChart=document.getElementById('myChart').getContext('2d');
让massPopChart=新图表(myChart{
类型:'bar'、//bar、水平条、饼、线、甜甜圈、雷达、polarArea
数据:{
标签:[“波士顿”、“伍斯特”、“斯普林菲尔德”、“洛威尔”、“剑桥”、“新贝德福德”],
数据集:[{
标签:'人口',
数据:[
617594,
181045,
153060,
106519,
105162,
95072
],
//背景颜色:'绿色',
背景颜色:[
"rgba(255,99,132,0.6)",,
"rgba(54162235,0.6)",,
"rgba(255,206,86,0.6)",,
"rgba(751921920.6)",,
“rgba(153102255,0.6)”,
"rgba(255,159,64,0.6)",,
'rgba(255,99,132,0.6)'
],
边框宽度:1,
边框颜色:'#777',
悬停边界宽度:3,
悬停边框颜色:“#000”
}]
},
选项:{
标题:{
显示:对,
正文:“马萨诸塞州最大的城市”,
尺寸:25
},
图例:{
显示:对,
位置:'右',
标签:{
fontColor:“#000”
}
},
布局:{
填充:{
左:50,,
右:0,,
底部:0,
排名:0
}
},
工具提示:{
已启用:true
}
}
});

请帮助我将该图表转换为pdf

此问题的答案已在“谢谢”,它正在工作。以上代码仅呈现一页pdf。你能帮我翻多页吗