Подтвердить что ты не робот

Скрыть ярлыки ярлыков в D3 на линейном графике

Я новичок в D3 и просто задал вопрос о тиковых меток на графиках, сделанных с помощью D3. Я использую d3.svg.axis.scale(). TickSize(). TickSubdivide(), чтобы генерировать метки.

Есть ли способ скрыть их или изменить их значение? Например, у меня есть линейный график, где метки тика являются интервалами (1, 2, 3 и т.д.), И я хотел бы изменить их на строки типа ( "Янв", "Фев", "Мар", "Апр" ', и т.д). Возможно ли это?

Спасибо!

4b9b3361

Ответ 1

Да, вы можете создавать разные форматы для ваших тиков. Вы можете найти здесь несколько деталей: https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickFormat. К сожалению, не все форматы в настоящее время документированы, поэтому вы можете взглянуть на код d3 для этого метода. Если у вас есть xAxis и yAxis, вы можете сделать что-то вроде:

myGraph.yAxis.tickFormat(d3.format(',.2%'));

Также обратите внимание на библиотеку диаграмм Боба Монтеверде: https://github.com/novus/nvd3 (особенно в папке источников, на компонентах оси), если вы хотите увидеть множество трюков, связанных с компонентами осей и форматированием тика оси.

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

С уважением!

Ответ 2

Вы можете скрыть формат тика:

myGraph.yAxis.tickFormat(function (d) { return ''; });