2014-09-05 4 views
2

Недавно я начал использовать Dygraph для диаграмм на моем сайте, и все работает отлично. Однако, чисто как эстетическое изменение, я бы хотел, чтобы линии, которые были нарисованы на основе моих данных, были плавными, а не острыми краями.Диаграмма графика с плавными линиями

Я посмотрел, если у dygraph есть опция для сплайна, но я ничего не мог найти. Я также просмотрел Справочник по параметрам на веб-сайте Dygraph, но опять же безрезультатно.

Единственное, что я действительно находил, как гладкие края, сделанные с dygraph были некоторые из примеров в их примере страницы, как этот, например: http://dygraphs.com/gallery/#g/plotter (голубой и фиолетовой линии)

Я посмотрел на код из этого, но я не мог понять, как это выглядит так. Единственный намек, который я получил, это то, что были использованы Math.sin, Math.cos, Math.round и т. Д. Но если бы я использовал их, это изменило бы значения в данных, которые я даю диаграмме, и я не хочу этого. Я хочу сохранить ценности так, как они есть.

Если кто-нибудь знает, как я могу достичь гладких краев и по-прежнему сохранять свои ценности так, как они есть, пожалуйста, разделите. Спасибо за чтение!

ответ

0

К сожалению, шлифовальные графики невозможны в диграфах (это также указано here).

Если вы действительно хотите гладкие края без изменения значений, я предлагаю вам использовать что-то вроде кубической сплайновой интерполяции. Хорошая статья, которую вы можете начать, можно найти: here. Итак, что вы тогда делаете, так это то, что вы создаете эти точки интерполяции для большого массива значений X. Затем вы рисуете эти значения с помощью диграфов. Dygraphs по-прежнему использует острые края для отображения значений, но поскольку вы генерируете эти значения для большого набора входных значений, отображаемая строка выглядит плавно.

Примечание: с кубической сплайновой интерполяцией ваши данные отображаются без изменения точных значений.

Смежные вопросы