HTML5 Canvas - ошибка в чартах - при использовании внутри php - вывод base64 - PullRequest
0 голосов
/ 01 ноября 2011

Во-первых, спасибо за удивительные графики - они просты, и я пробую их для сайта друзей.

Краткое описание сайта - это сайт, связанный с фондовым рынком, который пытается показать индекс из Бомбея.Фондовая биржа в деталях.Делать это для друга в основном бесплатно.

Сайт работает на WordPress и использует wp exec php для вставки php в посты и т. Д. Я пытаюсь вставить html-код диаграммы в php - поскольку я получаю переменные данныечерез php из URL и на лету я определяю его в поле csv наподобие - echo $ mycsvfile [49] [0];который выводит значение из 49-й строки 0. coloum.

Так что, если php заканчивает работу, временные значения теряются, так что в основном я должен - получить как скрипт java, так и html div в php.

Сначала я попытался получить div только в php, чтобы использовать вывод по умолчанию, но вывод получается в виде кода base64, т. Е. Чисел и т. Д. Я не знаю, как вывести это в изображение и вставить встраница - внутри php.

Ссылка - http://www.shariah50.net/live-stock-price-quotes-shariah-index-bse/

Попытка отобразить два изображения - внутри php и еще одно чистое html, как вы дали.

pls guide

  1. как вывести это в php и получить изображение

  2. как закодировать JavaScript в php - так как мне нужно передать переменные вjavascript.

Две идеи, которые у меня были - не знаю, насколько они хороши - можно ли преобразовать элемент canvas в формат jpeg или png, а во-вторых, - можем ли мы преобразовать javascript на страницев запрос php ...

В ожиданииr ответить - попытался найти решение для него, но не смог в сети ...

Какой код я использую, в основном ниже -


echo '';эхо '';echo 'Ваш веб-браузер не поддерживает элемент HTML 5 canvas.';эхо '';эхо '';

?>

.chart_container {text-align: center;ширина: 400 пикселей;высота: 400 пикселей;поле: 0px 25px;плавать: правильно;}

        <div class="chart_container">
            <canvas id="chartCanvas11" width="400px" height="400px" float="right";>
                Your web-browser does not support the HTML 5 canvas element.
            </canvas>
        </div>



      <script type="application/javascript">
     var chart11 = new AwesomeChart('chartCanvas11');
        chart11.chartType = "horizontal bars";
        chart11.title = "Charts";
        chart11.data = [-12.62,13.3,10.06,4.27,1.96,0.78];
        chart11.labels = ['IE','Firefox','Chrome','Safari','Opera','Other'];
       chart11.colors = ['#006CFF', '#FF6600', '#34A038', '#945D59', '#93BBF4', '#F493B8'];
        chart11.randomColors = true;
        chart11.draw();
  </script>      

1 Ответ

0 голосов
/ 01 ноября 2011

Хорошо, основной поток: Создайте элемент Image, в качестве значения src которого используется строка изображения base64. Пример: <img src="data:image/png;base64,iVBORw0KG...

Я не совсем понимаю ваш вопрос и как он связан с html5, но "вставка javascript в код php" - это то же самое, что и "вставка html в код php".

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...