Как получить изображение из графика, созданного с помощью chartjs - PullRequest
Новая
       31

Как получить изображение из графика, созданного с помощью chartjs

0 голосов
/ 01 мая 2020

Я узнаю о том, как создать график с помощью диаграммы JS. А вот мой сценарий HTML: 

<!DOCTYPE html>
<html>
<head>
        <script type="text/javascript" src="Chart.js"></script>
</head>
<body>
        <style type="text/css">
                body{
                        font-family: roboto;
                }
        </style>

        <h2>Example of Chart JS</h2>



        <div style="width: 500px;height: 500px">
                <canvas id="myChart"></canvas>
        </div>

        <script>
new Chart(document.getElementById("myChart"), {
    type: 'bar',
    data: {
      labels: ["1900", "1950", "1999", "2050"],
      datasets: [
        {
          label: "Australia",
          backgroundColor: "#3e95cd",
          data: [130,212,252,241]
        }, {
          label: "Asia",
          backgroundColor: "#8e5ea2",
          data: [348,705,1075,2034]
        }
      ]
    },
    options: {
      title: {
        display: true,
        text: 'Population growth (millions)'
      }
    }
});
        </script>
</body>
</html>

example of graph

Результат графика подобен картинке выше.

Я хочу получить изображение графика, используя команду curl или wget, но это не удается, потому что адрес ссылки для копирования , когда я щелкаю мышью. Только Сохранить изображение как и Скопировать изображение в опции, как на рисунке ниже:

no copy link address

Так Как получить изображение из графика, созданного с помощью диаграммы JS? Потому что я хочу встроить график на другой сайт или отправить его по электронной почте. Я действительно понятия не имею об этом.

...