2016-08-23 1 views
0

У меня возникла проблема с Firefox
(да, обычным виновником является IE, но на этот раз он хорошо себя ведет).Почему firefox генерирует несколько <tspan> для пробелов и как я могу его предотвратить

Я использую c3 API для создания гистограммы, и форматирования значения тика
времени (х) осей с этим moment формата - MMM D, YYYY
(это также происходит с открытым текстом, но я довольно напишите точно, что я сделал).

Оба Chrome и IE отображать клещ в одной строке (например, «3 октября 2003»)
но Firefox разбивает его на две строки (обратите внимание, что нет пробела после запятой) -
Oct 3, 2003

Даже хуже -
Вторая линия разрезается на половину высоты из-за высоты графика.

Я проверил этот вопрос в структуре DOM,
и выяснил, что в обоих Chrome и IE содержания внутри <text> элемента,
в то время как Firefox расщепляет содержимое <text> элемента в нескольких <tspan> элементов
(все под влиянием белых пробелов, которые удаляются).

Я проверил Dr. google и не могу найти способ заставить FF не разделить текст.

Я признателен за любую помощь (сильно)

Обновление: here is the jsfiddle link графа (игнорировать тот факт, что он не имеет столбцов данных).

+0

Я думаю, нам понадобится [mcve], чтобы иметь возможность ответить на это. –

+0

Спасибо за ваше замечание и жаль, что не предоставил ранее. – GrizzlyMcBear

+0

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

ответ

0

пожалуйста, проверьте обновленную jsfiddle: -

https://jsfiddle.net/L1b47kdd/26/

я только что удалил формат в оси у и эта проблема исправлена ​​в Firefox. проверьте пожалуйста.

format: d3.format("d") 
Смежные вопросы