Chart.js - 获取 base 64 编码字符串作为变量答案

【问题标题】：Chart.js - get base 64 encoded string as variableChart.js - 获取 base 64 编码字符串作为变量
【发布时间】：2016-11-02 06:16:27
【问题描述】：

我正在使用 Chart.js 库创建一个图表，它运行良好。我正在使用 .toBase64Image() 函数生成图表的 base 64 编码字符串（png 数据 url）。

当我在浏览器开发者工具中检查图表时可以看到这一点，例如：

data:image/png;base64,iVBORw0KGgoAAAA etc

我现在需要调用另一个应用程序的 URL，该应用程序将数据 url 作为参数传递 - 我只是纠结于如何将数据 url 作为参数传递给我将调用的 URL。

这是我目前的脚本：

var radarChartData = {
  labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
  datasets: [{
      label: "My First dataset",
      fillColor: "rgba(220,220,220,0.2)",
      strokeColor: "rgba(220,220,220,1)",
      pointColor: "rgba(220,220,220,1)",
      pointStrokeColor: "#fff",
      pointHighlightFill: "#fff",
      pointHighlightStroke: "rgba(220,220,220,1)",
      data: [3, 2, 1, 5, 6, 8, 5]
    },

  ]
};

window.onload = function() {
  window.myRadar = new Chart(document.getElementById("canvas").getContext("2d")).Radar(radarChartData, {
    responsive: true,
    scaleOverride: true,
    scaleSteps: 10,
    scaleStepWidth: 1,
    scaleStartValue: 0,
    onAnimationComplete: function() {
      document.getElementById("canvas").innerHTML = myRadar.toBase64Image();
      theURL = "fmp://$/chartingFile?script=getChartToContainer&param=";
      window.location = theURL;
    }
  });
}

我需要将“data:image/png;base64,iVBORw0KGgoAAAA”字符串附加到“theURL”变量，但不知道如何将其作为字符串获取？

【问题讨论】：

标签： javascript chart.js

【解决方案1】：

设法解决了这个问题：

onAnimationComplete: function() {
    document.getElementById("canvas").innerHTML = myRadar.toBase64Image();
    var x = document.getElementById("canvas").innerHTML = myRadar.toBase64Image();
    theParam = encodeURIComponent(x);
    theURL = "fmp://$/chartingFile?script=getChartToContainer&param=" + theParam;
    window.location = theURL;

不确定它是否是最佳的等等，但到目前为止它运行良好。

【讨论】：