Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Построение графиков с помощью JS
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » Построение графиков с помощью JS

Страниц (1): [1]
 

1. userbelarus - 20 Мая, 2012 - 16:48:04 - перейти к сообщению
Всем Привет. Возможно, вопрос избытый, но покопавшись на форуме ничего похожего не нашел. Хочу построить график на JS и в качестве значений подставлять туда данные из базы mysql, но не могу разобраться как эти значения передать из базы в java script.
CODE (javascript):
скопировать код в буфер обмена
  1.   var line1 = [ [ 'Молоко', 4], ['Хлеб', 9], ['Вода', 15],
  2.   ['Мясо', 12], [' Конфеты и сладости', 3]
В качестве 1 и второго параметра должны быть такие значения из базы
и
. Думаю опытные программисты подскажут как лучше сделать.
2. LIME - 20 Мая, 2012 - 16:52:35 - перейти к сообщению
лучше графики на пхп делать
всеравно через него придется из базы тянуть
или это AJAX?
3. userbelarus - 20 Мая, 2012 - 16:57:23 - перейти к сообщению
LIME пишет:
лучше графики на пхп делать
всеравно через него придется из базы тянуть
или это AJAX?

Я смотрел и на PHP, но там они не так презентабельно выгладят как например этот. Нет это js
CODE (javascript):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2. $(function(){
  3.   var line1 = [ [ 'Молоко', 4], ['Хлеб', 9], ['Вода', 15],
  4.   ['Мясо', 12], [' Конфеты и сладости', 3]];
  5.   var plot1b = $.jqplot('chart1b', [line1], {
  6.     title: 'Производство молока (тонн)',
  7.     series:[{renderer:$.jqplot.BarRenderer}],
  8.     axesDefaults: {
  9.         tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
  10.         tickOptions: {
  11.           fontFamily: 'Georgia',
  12.           fontSize: '10pt',
  13.           angle: -30
  14.         }
  15.     },
  16.     axes: {
  17.       xaxis: {
  18.         renderer: $.jqplot.CategoryAxisRenderer
  19.       }
  20.     }
  21.   });
  22. });
  23.         </script>
4. IllusionMH - 20 Мая, 2012 - 17:21:55 - перейти к сообщению
userbelarus, если в php данные в виде массива, можно использовать json_encode
вариант если не
CODE (html):
скопировать код в буфер обмена
  1. <script>
  2. var data = <?php echo json_encode($dataArray); ?>
  3. //plot graph from data
  4. </script>


если инглиш не страшен то можно заглянуть в этот AJAX пример для библиотеки Highcharts JS
5. userbelarus - 20 Мая, 2012 - 20:47:58 - перейти к сообщению
IllusionMH, спасибо за идею! я попробовал,но как-то некорректно получилось.Вот.скрипт который отвечает за вывод информации из базы
PHP:
скопировать код в буфер обмена
  1.         <?PHP
  2.         $db=mysql_connect("localhost", "mysql_user", "mysql_password");
  3.                 mysql_select_db("testtable",$db);
  4.                 $result=mysql_query("SELECT* FROM milk_production",$db);
  5.                 $myrow= mysql_fetch_array($result);
  6.                 ?>

В таком случае если я буду использовать json_encode, то запись должна быть такой?
PHP:
скопировать код в буфер обмена
  1.  <?PHP echo json_encode($myrow);  ?>
6. Viper - 21 Мая, 2012 - 09:20:00 - перейти к сообщению
Есть ещё такое http://code[dot]google[dot]com/p/flot/
Сам пользовал
/* эмоции */
понравилось
/* эмоции */

 

Powered by ExBB FM 1.0 RC1