График highcharts показывать на сайте как jpg

Question

highcharts - классная библиотека для построения графиков. Но я так и не понял , можно ли выводить график на HTML страницу как jpg ?

Экспорт по кнопке в графике у меня есть, но хотелось бы спрятать данные из которых строиться график, это возможно?

т.е. надо чтобы график открывался типа так <img src="">, это возможно?

Answer 1

Пример с офф. документации

$(function() {

  var exportUrl = 'https://export.highcharts.com/';

  var optionsStr = JSON.stringify({
      "xAxis": {
        "categories": ["Jan", "Feb", "Mar"]
      },
      "series": [{
        "data": [29.9, 71.5, 106.4]
      }]
    }),
    dataString = encodeURI('async=true&type=jpeg&width=400&options=' + optionsStr);

  if (window.XDomainRequest) {
    var xdr = new XDomainRequest();
    xdr.open("post", exportUrl + '?' + dataString);
    xdr.send();
  } else {
    $.ajax({
      type: 'POST',
      data: dataString,
      url: exportUrl,
      success: function(data) {
        $('#container').html('<img src="' + exportUrl + data + '"/>');
      }
    });
  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container"></div>

Если вам прям очень хочется спрятать данные графика то вы берёте ссылку, загружаете эту картингу себе на сервер и у вас уже будет картинка без данных

БЛОГ НА HUSL

График highcharts показывать на сайте как jpg

Ответы (1 шт):