2013-09-04 5 views
0

Я недавно начал смотреть на Highcharts для проекта, и до сих пор мне удалось получить графики, которые мне нужны, но единственная проблема, с которой я столкнулся, - это чрезмерная разметка разметки, которая создается вместе с диаграммами , Приведем пример:удалить встроенные стили из svg в highcharts

<text style="color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; position: absolute; fill: white;" x="1288" y="252" zIndex="2"> 
<tspan style="font-weight: bold;" x="1288"> 
<text style="color: white; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; position: absolute; fill: white;" x="1288" y="452" zIndex="2"> 
<tspan style="font-weight: bold;" x="1288"> 

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

Имея не было слишком большое воздействие SVG, это требование? То, что я хотел бы сделать, это добавить класс в текст, например «hc-txt», тогда я могу установить цвет, шрифт, положение и заполнить свой файл CSS.

например.

<text class="hc-txt" x="1288" y="252"> 
<tspan x="1288"> 
<text class="hc-txt" x="1288" y="452"> 
<tspan x="1288"> 

Посмотрев в файл Src, я смог сократить префикс highcharts- к НС- который также помогает привести в порядок разметки немного, но изменить способ, в котором создаются эти объекты, я такой чем амбициозны?

Заранее благодарен,

Will.

ответ

1

Highcharts 5 введена в стиле режим! теперь вы можете создавать диаграммы с помощью css, что избавит от необходимости использовать все встроенные стили. Style by CSS - highcharts.com

1

Добавление атрибута класса к элементу должен работать - пожалуйста, проверьте:

http://www.w3.org/TR/SVG/styling.html#StylingWithCSS

и, в частности это:

http://www.w3.org/TR/SVG/styling.html#ClassAttribute

+0

ah, ok ... Так что добавление класса поддерживается с помощью svg, это хороший старт. Хотя теперь моя проблема заключается в том, как заставить Highcharts добавлять этот класс вместо добавления встроенного стиля. :-) – wf4

+1

Боюсь, что вы не можете сделать это с настройками в одиночку, вам придется переопределить методы Renderer. Встроенные стили существуют для того, чтобы Highcharts быстро считывал значения как в SVG, так и в VML. Мы планируем версию SVG, в которой все стили будут выполняться в классах. –

+0

@ Торстейн - это будет очень полезно. Я отключил диаграммы, когда SVG не поддерживается, поскольку мы хотим только SVG. Я удаляю столько стилей, которые добавлены, и они могли использовать классы в нескольких местах, но не во всех. Спасибо за обновление. – wf4

Смежные вопросы