Google Charts — изогнутая линейная диаграмма неправильно опускается ниже 0

У меня есть линейная диаграмма Google, я установил 'curveType': 'function', чтобы график был изогнутым и имел приятный вид. Моя проблема заключается в том, что когда точка данных имеет значение 0, за которым следует следующее высокое значение, диаграмма опускается ниже 0, чтобы кривая могла правильно соответствовать. Это также приводит к тому, что vAxis имеет minRange -2000, это невозможно для моих данных (количество загрузок с течением времени).

Я пытался решить эту проблему, установив 'minValue': 0 и 'viewWindowMode': 'maximized' на vAxis, но это не решило проблему полностью.

Я приложил изображение, которое объяснит мою проблему намного лучше, чем я могу словами.

Если кто-нибудь знает решение этой проблемы, без необходимости возвращаться к прямым линиям, я был бы очень признателен. Спасибо


javascript graph google-visualization linechart
person SteveEdson    schedule 31.10.2012    source источник

Ответы (3)


arrow_upward
13
arrow_downward

Кривая может продолжать опускаться ниже 0 независимо от того, что вы делаете, но вы можете обрезать изображение так, чтобы самая нижняя точка отображаемого графика находилась на 0. Это можно сделать с помощью свойства vAxis.viewWindow.min:

lineChart.draw(data, 
   {
    curveType: "function",
    vAxis: {viewWindow: {min:0} } 
   }
);

См. документацию LineChart для получения информации о vAxis.viewWindow.min и других варианты конфигурации.

person Peter Dolberg    schedule 01.11.2013

arrow_upward
2
arrow_downward

Просто быстрое обновление по этому поводу. Я понял, что моя работа с данными все равно не подходит для изогнутого графика, так как это дискретные данные, а не непрерывные. Мне пришлось вернуться к прямым линиям, что устранило мою проблему. Я знаю, что это не идеальное решение, но оно сработало для меня.

person SteveEdson    schedule 10.12.2012

arrow_upward
0
arrow_downward

Вы можете попробовать другую библиотеку диаграмм. Я часто использую флот для простых графиков и графики Рафаэля для более сложных вещей (с ними немного сложнее манипулировать, и они выглядят немного более неуклюжими для меня).

gRaphael: http://g.raphaeljs.com/ Flot: http://www.flotcharts.org/

person Billy Moon    schedule 31.10.2012
comment
Я буду иметь это в виду для будущей работы, однако, к сожалению, это не подходящее решение для этого проекта, так как слишком много работы ушло на создание приборной панели, других диаграмм, элементов управления и т. д. Тем не менее, спасибо. - person SteveEdson; 31.10.2012