Реализация участка с зазором с использованием встроенного SVG в IE9

Question

Я пытаюсь реализовать динамическую линию с использованием полилинии SVG. И мне нужно как-то показать пробелы в сюжете для недопустимых/недоступных данных. Это происходит, когда XHR истекает, или выбранное значение не является числом.

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

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

Проблема в том, что firefox и chrome не отображают «экстремальное значение», но IE9 делает. Поэтому у меня есть сюжетные линии, выходящие за пределы предполагаемой области графика.

Я знаю, что IE9 может передавать SVG совершенно по-другому. Но есть ли какое-нибудь обходное решение для этого?

Answer 1

Эта проблема была решена here

В принципе, мне нужно установить атрибут типа "переполнение", как "скрытый":

style="overflow: hidden;" 

Answer 2

Вы застряли с использованием <polyline>? Если нет, было бы намного проще использовать <path>. Всякий раз, когда вам нужно было пропустить, просто используйте ход.

<path d="M 0,10 L 1,9 2,13 3,7 M 5,11 L 6,21"/> 

Здесь отрезки между x = 3 и x = 5 пропускаются.