[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Google chart API
zvezda_t
Всем привет.
Использую Google chart API для построения графиков smile.gif

Сейчас потребовалось на одном графике создать:
1) ось Ox - даты
2) ось Oy1 - среднее время (причем здесь должно быть 2-а графика, время 2-х человек)
3) ост Oy2 - среднее количество

То есть, чтобы на одном графике можно было наблюдать, зависимость времени от количества за дату. Такое вообще возможно? Подскажите, пожалуйста smile.gif

Зы:Может, знаете, другие графические API, которые так умеют?

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
zvezda_t
Нашла клёвый пример:

<input type="button" value="Change from 1 to 2 vAxes" id="clickMe" />
<input
type="button" value="Reset charts" id="reset" />
<div
id="chart_div1"></div>
<div
id="chart_div2"></div>


google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawChart);

function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Number');
data.addColumn('number', 'Value 1');
data.addColumn('number', 'Value 2');
data.addRows([
[
1, 15, 2],
[
2, 3, 7],
[
3, 7, 4],
[
4, 12, 5],
[
5, 8, 1],
[
6, 14, 9],
[
7, 9, 7],
[
8, 6, 3],
[
9, 2, 6],
[
10, 10, 2]
]);


var options1 = [{
animation: {
duration: 1000
},
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 0
}
}
,
vAxes: {
0: {
title: 'Left Axis'
}
}
,
title: 'Animated chart'
}, {
animation: {
duration: 1000
},
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 1
}
}
,
vAxes: {
0: {
title: 'Left Axis'
},
1: {
title: 'Right Axis'
}
}
,
title: 'Animated chart'
}];

var options2 = [{
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 0
}
}
,
vAxes: {
0: {
title: 'Left Axis'
}
}
,
title: 'Non-animated chart'
}, {
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 1
}
}
,
vAxes: {
0: {
title: 'Left Axis'
},
1: {
title: 'Right Axis'
}
}
,
title: 'Non-animated chart'
}];

var chart1 = new google.visualization.LineChart(document.getElementById('chart_div1'));
var chart2 = new google.visualization.LineChart(document.getElementById('chart_div2'));

var currentIndex = 0;
document.getElementById('clickMe').onclick = function () {
currentIndex = (currentIndex) ? 0 : 1;
this.value = (currentIndex) ? 'Change from 2 to 1 vAxes' : 'Change from 1 to 2 vAxes';
chart1.draw(data, options1[currentIndex]);
chart2.draw(data, options2[currentIndex]);
}

document.getElementById('reset').onclick = function () {
chart1 = new google.visualization.LineChart(document.getElementById('chart_div1'));
chart2 = new google.visualization.LineChart(document.getElementById('chart_div2'));
currentIndex = 0;
chart1.draw(data, options1[currentIndex]);
chart2.draw(data, options2[currentIndex]);
}

chart1.draw(data, options1[currentIndex]);
chart2.draw(data, options2[currentIndex]);
}


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.