красивые графики для сайта
стоит задача, нарисовать красивые графики на сайте.
погуглился. нашел некий пакет для freebsd - mrtg. не очень. нашел rrdtool тоже не очень. наткнулся на графики погоды: http://meteoinfo.ru/zaoknom очень понравились. подскажите, это какая то стандартная библиотека используется? пробовал посмотреть исходный код, что то как то тяжело дается. |
Полагаю, что это Highcharts.
|
Цитата:
|
|
https://google-developers.appspot.co...echart#Example
смотрю опции: hAxis.gridlines.count number 5
var options = {
title: 'Название графика',
curveType: 'function',
legend: { position: 'bottom' },
hAxis: {title: 'Название оси по горизонтали'},
vAxis: {title: 'Название оси по вертикали'},
hAxis: {gridlines: {count: 20}}
};
а что то 20 осей не появляется... что не так делаю? а если hAxis поменят на vAxis то появляются, правда горизонтальные. надо как то включить вертикальные? |
him,
var options = {
title: 'Название графика',
curveType: 'function',
legend: {
position: 'bottom'
},
hAxis: {
title: 'Название оси по горизонтали',
gridlines: {
count: 20
}
},
vAxis: {
title: 'Название оси по вертикали'
}
};
|
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'My', 'Test'],
['2004', 1000, 400, 20, 1200],
['2005', 1170, 460, 300, 1000],
['2006', 660, 1120, 200, 1100],
['2007', 1030, 540, 900, 200],
['2008', 103, 240, 400, 600],
['2009', 840, 640, 1200, 1100],
['2010', 230, 1040, 100, 300],
['2011', 1220, 140, 500, 100]
]);
var options = {
title: 'Название графика',
curveType: 'function',
legend: { position: 'bottom' },
hAxis: {title: 'Название оси по горизонтали', gridlines: {count: 2}},
vAxis: {title: 'Название оси по вертикали', gridlines: {count: 20}}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
двух вертикальных нету, а 20 горизонтальных есть. что то где то надо включить? |
не могу найти, как заштриховать область под графиком с градиентом.
и как на графике вывести циферки значений. так ни хватает примеров.... |
| Часовой пояс GMT +3, время: 16:43. |