Нашла в интернете отличный скрипт для построения графиков
http://www.simile-widgets.org/timeplot/docs/
Называется Timeplot. Мне нужно сделать так, чтобы при установке флажка на рисунке появлялся еще один график. Мучаюсь уже третий день. Я только начала разбираться в jQuery и думаю, что проблемы мои от незнания=/ По учебникам разобраться не удалось. Беда прям=(
Вот код, который при загрузке страницы строит сразу два графика
var timeplot;
function onLoad() {
var eventSource = new Timeplot.DefaultEventSource();
var timeGeometry = new Timeplot.DefaultTimeGeometry({
gridColor: new Timeplot.Color("#000000"),
axisLabelsPlacement: "top"
});
var valueGeometry = new Timeplot.DefaultValueGeometry({
gridColor: "#000000",
min: 0,
max: 100
});
var plotInfo = [
Timeplot.createPlotInfo({
id: "plot1",
dataSource: new Timeplot.ColumnSource(eventSource,1),
timeGeometry: timeGeometry,
valueGeometry: valueGeometry,
lineColor: "#ff0000",
fillColor: "#cc8080",
showValues: true
}),
Timeplot.createPlotInfo({
id: "plot2",
dataSource: new Timeplot.ColumnSource(eventSource,3),
timeGeometry: timeGeometry,
valueGeometry: valueGeometry,
lineColor: "#D0A825",
showValues: true
})
];
timeplot = Timeplot.create(document.getElementById("my-timeplot"), plotInfo);
timeplot.loadText("data.txt", ",", eventSource);
}
вот у меня есть флажок
<input id="check1" type="checkbox" onchange="timeplot.js">
<label for="check1">New</label>
на сколько я поняла, нужно написать что-то вроде
$("input").change(function() { ...
но что написать в этой функции никак не разберу! Помогите, пожалуйста.