Можно ли в Flot удалить или скрыть отметки сетки, не удаляя соответствующую метку?

StackOverflow https://stackoverflow.com/questions/169894

  •  05-07-2019
  •  | 
  •  

Вопрос

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

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

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

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

Это было полезно?

Решение

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

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

xaxis: {
  tickLength: 0
}

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

Другие советы

Это сообщение появилось на два года позже, чем 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)"}
    };

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top