VPF::Размещение диаграммы на странице

Karta

Дата 26.4.2011, 10:55 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

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

Здравствуйте!! у меня такая проблема, я сделала веб-страничку, со всеми атрибутами, которые требует задание(календарь, меню, облако тегов и тд.), мне надо сделать последнее это круговую диаграмму и разместить на странице( желательно в javascript), но я никак не могу найти подходящих примеров, как это можно сделать, а те которые нашла не работают... Может кто подскажет как её всё таки нарисовать?

jonie

Дата 26.4.2011, 11:10 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 5613
Регистрация: 21.8.2005
Где: Владимир

Репутация: 15
Всего: 118

возьмите эту библиотеку: http://www.jqplot.com/ в коде asp.net подготовьте данные и вставьте их в страницу используя <%= SomeProtectedOrPublicField %> и вуаля - у вас есть график...

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

Что-то не поняли? -> Напейтесь до зеленых человечков... эта сверхцивилизация Вам поможет...

Karta

Дата 26.4.2011, 12:23 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

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

А в какую часть страницы надо вставить <%= SomeProtectedOrPublicField %>?

Karta

Дата 26.4.2011, 14:12 (ссылка)

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

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

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

Я по примеру написала простенький скрипт, но что то не выводит... Может, что то забыла или требуется что то большее для вывода?

Код



<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Test</title>

 
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>
 <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />

<script language="javascript" type="text/javascript" src="plugins/jqplot.barRenderer.min.js"></script>
  <style type="text/css" media="screen">
    .jqplot-axis {
      font-size: 0.85em;
    }
  </style>
  </head>
  <body>
    <div id="chartdiv" style="height:400px;width:300px; "></div>

    $.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]],
{ title:'Exponential Line',
  axes:{yaxis:{renderer: $.jqplot.LogAxisRenderer, tickDistribution:'power'}},
  series:[{color:'#5FAB78'}]
});
  </script>
  </body>
</html>

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