Javascript — графическая библиотека

Мне интересно, знает ли кто-нибудь о простой графической библиотеке javascript, которая может отображать, например, точки (5,-2) и (6,1). Я также хотел бы иметь возможность провести линию между этими двумя точками.

Я искал, но пока не могу найти [простую в использовании] библиотеку, которая может это сделать. Буду признателен за любую помощь или ссылки на библиотеки.

Спасибо!


javascript plot math graphing
person Objc55    schedule 23.01.2012    source источник
comment
Какие библиотеки вы считаете непростыми в использовании?   -  person jondavidjohn    schedule 24.01.2012
comment
gRaphael, в основном. У меня почему-то отказывается работать.   -  person Objc55    schedule 24.01.2012
comment
Лучшее: Highcharts   -  person Chad    schedule 24.01.2012
comment
Спасибо, Чед, но это кажется намного сложнее, чем то, что мне нужно.   -  person Objc55    schedule 24.01.2012
comment
А флот? code.google.com/p/flot   -  person cabreracanal    schedule 24.01.2012
comment
Вы случайно не знаете, как создавать и рисовать некоторые основные точки?   -  person Objc55    schedule 24.01.2012

Ответы (1)


arrow_upward
1
arrow_downward

Отвечая на ваш последний комментарий, способ создания и построения некоторых основных точек с помощью Flot:

$(function () {
var d = [[0, 3], [4, 8], [7, 2]];
    $.plot($("#placeholder"), [ d ]);
});

Вот документ для более сложных графиков http://people.iola.dk/olau/flot/API.txt и страница веб-проекта (код Google)

http://code.google.com/p/flot/

Надеюсь, это может вам помочь, если не на этом сайте, вы можете найти список библиотек для построения графиков и диаграмм javascript.

http://javascript.open-libraries.com/utilities/chart/20-best-javascript-charting-and-plotting-libraries/

Редактировать Если вы хотите нанести на график одну точку, лучший способ, который я нашел, — это использовать параметры:

    var d = [[1,3]];
    var options = {
        series: {
          lines: { show: false },
          points: { show: true }
        }
    };
    $.plot($("#placeholder"), [ d ], options);
person cabreracanal    schedule 23.01.2012
comment
Если вы хотите нарисовать больше линий, вы можете сделать $.plot($(#placeholder), [d1, d2, и т.д.]); ;) - person cabreracanal; 24.01.2012
comment
Спасибо, этот код работает. Эта библиотека выглядит идеально, за исключением того, что мне все еще трудно понять, как построить только одну точку. - person Objc55; 24.01.2012
comment
Точки задаются как массив массивов из двух значений. [0,3] — это просто точка, помещенная в x=0 и y=3. Это то, о чем вы говорите? - person cabreracanal; 24.01.2012
comment
Да, но когда я пытаюсь d=[[0,3]];, на графике ничего не появляется :( - person Objc55; 24.01.2012