Линейный график CSS: несколько линий?

Question

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

Answer 1

Хитрость заключается в выборе начальной и конечной точек линий, где параметры определены в файле CSS. Там вы увидите, что
p обозначает позицию,
i означает увеличение ,
d означает уменьшение и
числа в этой системе классов представляют значение в баллах.

Добавление дополнительных элементов span в элементы DD решит вашу проблему.

<dd>
        <span class="pi1 i10"><em>36</em></span>
        <span class="pi17 i10"><em>36</em></span>
</dd>
etc...

альтернативный текст http://img28.imageshack.us/img28/494/graphz.png

В этом случае вы должны отделить изображение линий другим цветом.

С наилучшими пожеланиями
Myra