0

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

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

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

2
  • а в чем смысл картинки то?
    – teran
    1 июн 2020 в 13:47
  • чтобы вставлять график в rss ленту
    – hibinyru
    2 июн 2020 в 17:05

1 ответ 1

0

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

$(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>

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

7
  • Спасибо, но это не то. Об этом я знаю и так. У меня не статичные графики, они меняются каждый день (каждый день появляется новая цифра), не буду же я руками каждый день картинку скачивать и менять...
    – hibinyru
    29 мая 2020 в 9:41
  • До этого использовал библиотеку jpgraph (там на лету картинки строились) , но на php 7.3 она перестала работать, поэтому перешел на эту
    – hibinyru
    29 мая 2020 в 9:42
  • зачем руками если для этого можно cron настроить и сервак сам всё будет менять?
    – InDevX
    29 мая 2020 в 9:51
  • @InDevX и чего вы в кроне напишите, интересно?
    – teran
    1 июн 2020 в 13:46
  • @hibinyru заявлена работа с пхп <=7.4. обновить может надо было просто?
    – teran
    1 июн 2020 в 13:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.