В Flot, возможно ли убрать или скрыть галочки сетки без удаления соответствующей метки? - PullRequest
Новая
       17

В Flot, возможно ли убрать или скрыть галочки сетки без удаления соответствующей метки?

17 голосов
/ 04 октября 2008

Документация Flot API описывает расширенные возможности библиотеки для настройки осей графика. Вы можете установить количество тиков, их цвет и т. Д. Отдельно для каждой оси. Тем не менее, я не могу понять, как помешать Flot рисовать вертикальные линии сетки без удаления меток оси X. Я попытался изменить параметры tickColor, ticks и tickSize, но безуспешно.

Я хочу создать красивые, Tufte-совместимые графики, такие как эти:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

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

Ответы [ 5 ]

58 голосов
/ 14 января 2011

Как отметил Лауриманн, Флот продолжает развиваться. Возможность контролировать это была добавлена ​​в API (как отмечалось в выпуске флотского сообщения, с которым связывался Нельсон).

Если вы загружаете последнюю версию (которая все еще помечена как 0.6), вы можете отключить линии на оси с помощью «tickLength», например так: 

xaxis: {
  tickLength: 0
}

Довольно досадно, это дополнение не было обновлено в документации API.

7 голосов
/ 31 декабря 2010

Это сообщение появилось на два года позже, чем OP и Flot (сейчас версия 0.6), возможно, сильно изменились за это время, или, может быть, есть лучшие варианты, чем сейчас, но в любом случае вот мой вклад.

Я случайно наткнулся на обходной путь для этой проблемы: установите альфа-канал цвета галочки сетки на полностью прозрачный. Например: 

var options =   {
      grid:   {show: true,
               color: "rgb(48, 48, 48)",
               tickColor: "rgba(255, 255, 255, 0)",
               backgroundColor: "rgb(255, 255, 255)"}
    };

У меня работает.

6 голосов
/ 19 февраля 2014

Чтобы избежать тиков в опциях, просто дайте галочки: [] на соответствующей оси

6 голосов
/ 06 октября 2008

После некоторых копаний я вполне уверен, что это невозможно через Flot API. Тем не менее, если вы действительно испачкались, вы могли бы это сделать - я опубликовал модифицированную версию одного примера , которая это делает. Просмотр источника показывает все безобразие.

2 голосов
/ 18 августа 2009

Начиная с июня 2009 года, существует выпуск flot 167 , который является запросом на эту функцию Включает две реализации и некоторое согласие автора flot, что это хорошая идея.

...