VPF::jQuery + jqPlot - Форум программистов

MoLeX

Дата 6.7.2010, 08:23 (ссылка)

(нет голосов)

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140

Добрый день.

Строю графики с помощью плагина jqPlot, вот таким способом

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title></title>
<meta http-equiv="Content-Language" content="ru" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jqplot.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.logAxisRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.canvasTextRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.canvasAxisLabelRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.canvasAxisTickRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.dateAxisRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.categoryAxisRenderer.js"></script>
<script type="text/javascript" src="js/plugins/jqplot.barRenderer.js"></script>

<script type="text/javascript">
$(document).ready(function() 
{
   line1 = ['Мужчины, город (8)', 8];
   line2 = ['Мужчины, село  (0)', 0];
   line3 = ['Женщины, город (2)', 2]; 
   line4 = ['Женщины, село  (5)', 5];
   $.jqplot('graf', [[line1, line2, line3, line4]], 
   {
      title: 'График',
      series: [{renderer: $.jqplot.BarRenderer}],
      axes: 
      {
         xaxis: {renderer: $.jqplot.CategoryAxisRenderer,
                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
                 tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                 tickOptions: {formatString: '%.0f'}},
              
         yaxis: {autoscale: false,
                 label: 'Шкала',
                 labelRenderer: $.jqplot.CanvasAxisLabelRenderer, 
                 tickOptions: {formatString: '%.0f'}}
      }
   }); 
});
</script>
</head>
<body>

<div class="jqplot" id="graf" style="width: 90%;">

</body>
</html>

но, график получается не точным (см. пример в аттаче)

Добавлено через 6 минут и 38 секунд
Если же autoscale: false поменять на autoscale: true, то высота выпростает (была шкала 9, а стала 16)

Это сообщение отредактировал(а) MoLeX - 6.7.2010, 08:27

Присоединённый файл ( Кол-во скачиваний: 6 )

1111111.jpg 51,02 Kb

--------------------

Amazing

12345c

Дата 7.7.2010, 13:52 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 3
Всего: 101

Но это же не сюда, пишите в саппорт этого скрипта : ). http://www.jqplot.com/info.php

Добавлено через 7 минут и 47 секунд
(у автора ошибка где-то в глубинах скрипта, работы с canvas)

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

MoLeX

Дата 7.7.2010, 14:26 (ссылка)

(нет голосов)

Загрузка ...

Местный пингвин

Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140

12345c, видимо, 2 дня курения доков и примеров нечего не дали(

--------------------

Amazing

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »