css - How do i resize an SVG? -

-


css - How do i resize an SVG? -

for project using highcharts, style defined javascript , wondering if somehow possible resize svg or parents container?

here's code:

<div id="beteiligungs_chart"> <div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 1706px; height: 400px; text-align: left; line-height: normal; z-index: 0; font-family: 'lucida grande', 'lucida sans unicode', verdana, arial, helvetica, sans-serif; font-size: 12px; cursor: auto;"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1706" height="400"> <defs> <clippath id="highcharts-1"> <rect rx="0" ry="0" fill="none" x="0" y="0" width="9999" height="400" stroke-width="0.000001"></rect> </clippath> <clippath id="highcharts-2"> <rect fill="none" x="0" y="0" width="1706" height="400"></rect> </clippath> <radialgradient cx="853" cy="160" r="140" gradientunits="userspaceonuse" id="highcharts-3"> <stop offset="0" stop-color="rgb(54,93,150)" stop-opacity="1"></stop> <stop offset="1" stop-color="rgb(54,93,150)" stop-opacity="1"></stop> </radialgradient> <radialgradient cx="853" cy="160" r="140" gradientunits="userspaceonuse" id="highcharts-4"> <stop offset="0" stop-color="rgb(8,71,153)" stop-opacity="1"></stop> <stop offset="1" stop-color="rgb(8,71,153)" stop-opacity="1"></stop> </radialgradient> <radialgradient cx="853" cy="160" r="140" gradientunits="userspaceonuse" id="highcharts-5"> <stop offset="0" stop-color="rgb(80,139,28)" stop-opacity="1"></stop> <stop offset="1" stop-color="rgb(80,139,28)" stop-opacity="1"></stop> </radialgradient> <radialgradient cx="853" cy="160" r="140" gradientunits="userspaceonuse" id="highcharts-6"> <stop offset="0" stop-color="rgb(25,125,31)" stop-opacity="1"></stop> <stop offset="1" stop-color="rgb(25,125,31)" stop-opacity="1"></stop> </radialgradient> </defs> <rect rx="5" ry="5" fill="rgb(0,0,0)" x="0" y="0" width="1706" height="400" stroke-width="0.000001" fill-opacity="0"></rect> <g class="highcharts-series-group" zindex="3"></g> <g class="highcharts-shadow" zindex="4"> <path fill="none" d="m 852.9796326796305 100.00000207413872 100 100 0 1 1 852.9797326796285 299.9999979461786 l 853 200 0 0 0 1 0 853 200 z" stroke="black" stroke-width="5" stroke-linejoin="round" isshadow="true" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></path> <path fill="none" d="m 852.9796326796305 100.00000207413872 100 100 0 1 1 852.9797326796285 299.9999979461786 l 853 200 0 0 0 1 0 853 200 z" stroke="black" stroke-width="3" stroke-linejoin="round" isshadow="true" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></path> <path fill="none" d="m 852.9796326796305 100.00000207413872 100 100 0 1 1 852.9797326796285 299.9999979461786 l 853 200 0 0 0 1 0 853 200 z" stroke="black" stroke-width="1" stroke-linejoin="round" isshadow="true" stroke-opacity="0.15" transform="translate(1, 1)"></path> </g> <g class="highcharts-shadow" zindex="4"> <path fill="none" d="m 852.9796326796305 299.9999979258613 100 100 0 0 1 753.0499037961571 203.1588397937432 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="5" stroke-linejoin="round" isshadow="true" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></path> <path fill="none" d="m 852.9796326796305 299.9999979258613 100 100 0 0 1 753.0499037961571 203.1588397937432 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="3" stroke-linejoin="round" isshadow="true" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></path> <path fill="none" d="m 852.9796326796305 299.9999979258613 100 100 0 0 1 753.0499037961571 203.1588397937432 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="1" stroke-linejoin="round" isshadow="true" stroke-opacity="0.15" transform="translate(1, 1)"></path> </g> <g class="highcharts-shadow" zindex="4"> <path fill="none" d="m 753.0499006373673 203.15873984364538 100 100 0 0 1 846.7650487338601 100.19456235901343 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="5" stroke-linejoin="round" isshadow="true" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></path> <path fill="none" d="m 753.0499006373673 203.15873984364538 100 100 0 0 1 846.7650487338601 100.19456235901343 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="3" stroke-linejoin="round" isshadow="true" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></path> <path fill="none" d="m 753.0499006373673 203.15873984364538 100 100 0 0 1 846.7650487338601 100.19456235901343 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="1" stroke-linejoin="round" isshadow="true" stroke-opacity="0.15" transform="translate(1, 1)"></path> </g> <g class="highcharts-shadow" zindex="4"> <path fill="none" d="m 846.7651485393009 100.19455612411205 100 100 0 0 1 852.9610019625195 100.00000760423492 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="5" stroke-linejoin="round" isshadow="true" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></path> <path fill="none" d="m 846.7651485393009 100.19455612411205 100 100 0 0 1 852.9610019625195 100.00000760423492 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="3" stroke-linejoin="round" isshadow="true" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></path> <path fill="none" d="m 846.7651485393009 100.19455612411205 100 100 0 0 1 852.9610019625195 100.00000760423492 l 853 200 0 0 0 0 0 853 200 z" stroke="black" stroke-width="1" stroke-linejoin="round" isshadow="true" stroke-opacity="0.15" transform="translate(1, 1)"></path> </g> <g class="highcharts-point" zindex="5"> <path fill="url(http://gw.lo/print/5132#highcharts-3)" d="m 852.9796326796305 100.00000207413872 100 100 0 1 1 852.9797326796285 299.9999979461786 l 853 200 0 0 0 1 0 853 200 z" stroke="#ffffff" stroke-width="1" stroke-linejoin="round"></path> </g> <g class="highcharts-point" zindex="5"> <path fill="url(http://gw.lo/print/5132#highcharts-4)" d="m 852.9796326796305 299.9999979258613 100 100 0 0 1 753.0499037961571 203.1588397937432 l 853 200 0 0 0 0 0 853 200 z" stroke="#ffffff" stroke-width="1" stroke-linejoin="round"></path> </g> <g class="highcharts-point" zindex="5"> <path fill="url(http://gw.lo/print/5132#highcharts-5)" d="m 753.0499006373673 203.15873984364538 100 100 0 0 1 846.7650487338601 100.19456235901343 l 853 200 0 0 0 0 0 853 200 z" stroke="#ffffff" stroke-width="1" stroke-linejoin="round"></path> </g> <g class="highcharts-point" zindex="5"> <path fill="url(http://gw.lo/print/5132#highcharts-6)" d="m 846.7651485393009 100.19455612411205 100 100 0 0 1 852.9610019625195 100.00000760423492 l 853 200 0 0 0 0 0 853 200 z" stroke="#ffffff" stroke-width="1" stroke-linejoin="round"></path> </g> <g class="highcharts-legend" zindex="7"> <rect rx="5" ry="5" fill="none" x="0.5" y="0.5" width="7" height="7" stroke-width="1" stroke="#909090" visibility="hidden"></rect> <g zindex="1" clip-path="url(http://gw.lo/print/5132#highcharts-1)"> <g></g> </g> </g> <g class="highcharts-tooltip" zindex="8" style="padding:0;white-space:nowrap;" visibility="hidden"> <rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="5" fill-opacity="0.85" isshadow="true" stroke="black" stroke-opacity="0.049999999999999996" transform="translate(1, 1)"></rect> <rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="3" fill-opacity="0.85" isshadow="true" stroke="black" stroke-opacity="0.09999999999999999" transform="translate(1, 1)"></rect> <rect rx="5" ry="5" fill="none" x="0" y="0" width="10" height="10" stroke-width="1" fill-opacity="0.85" isshadow="true" stroke="black" stroke-opacity="0.15" transform="translate(1, 1)"></rect> <rect rx="5" ry="5" fill="rgb(255,255,255)" x="0" y="0" width="10" height="10" stroke-width="2" fill-opacity="0.85"></rect> <text x="5" y="18" style="font-family:&quot;lucida grande&quot;, &quot;lucida sans unicode&quot;, verdana, arial, helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;" zindex="1"></text> </g> <g class="highcharts-tracker" zindex="9"></g> </svg> </div>

i tried style every element did not work. example: tried set height , width of container #beteiligungs-chart 500px - inspector shows box svg won't move.

is there missed?

it awesome if take @ problem :) thanks!

morten

css svg highcharts

Comments

Post a Comment

Popular posts from this blog

java - How to set log4j.defaultInitOverride property to false in jboss server 6 -

-
java - How to set log4j.defaultInitOverride property to false in jboss server 6 - how set log4j property false in jboss. not using log4j in application still property has set true. the reason, why trying set property false is, suspecting property overrides java.util.logging.logger configuration provided application. might because of this, log file not getting generated. boot.log infomation below: 02:46:10,495 debug [serverinfo] log4j.defaultinitoverride: true 02:46:10,496 debug [serverinfo] org.jboss.deployers.spi.deployer.matchers.nameignoremechanism: org.jboss.deployers.spi.deployer.helpers.dummynameignoremechanism 02:46:10,496 debug [serverinfo] org.jboss.logging.logger.pluginclass: org.jboss.logging.logmanager.loggerpluginimpl i have found in boot.log in jboss. in 1 of blog, developers told me that, log4j.defaultinitoverride property should set false avoid override of java.util.logging.logger. comment same if wrong. java logging jboss log4j
Read more

c - GStreamer 1.0 1.4.5 RTSP Example Server sends 503 Service unavailable -

-
c - GStreamer 1.0 1.4.5 RTSP Example Server sends 503 Service unavailable - i'm trying create rtsp server based on gstreamer 1.0 1.4.5 plugin. source code of illustration taken here. with_tls , with_auth flags not enabled. i'm compiling using visual studio 2013 community edition. project building , running successfully. when i'm trying play video using vlc on address rtsp://127.0.0.1:8554/test says can't open mrl. recorded traffic (using rawcap) of communication between compiled server , vlc player following: request: options rtsp://127.0.0.1:8554/test rtsp/1.0 cseq: 2 user-agent: libvlc/2.2.0 (live555 streaming media v2014.07.25) response: rtsp/1.0 200 ok cseq: 2 public: options, describe, get_parameter, pause, play, setup, set_parameter, teardown server: gstreamer rtsp server date: thu, 09 apr 2015 03:35:30 gmt request: describe rtsp://127.0.0.1:8554/test rtsp/1.0 cseq: 3 user-agent: libvlc/2.2.0 (live555 streaming media v2014.07.25) accept: applicat...
Read more

Using ajax with sonata admin list view pagination -

-
Using ajax with sonata admin list view pagination - i'm using sonata admin in project. in list view sonata refresh page when clik sec list pagination. that's default behavior of sonata.is there way utilize ajax phone call list view pagination !!! same question when using sortable list view. thanks. this possible, have overwrite of basic functionality of sonata admin bundle. tested symfony 2.6.6 sonata admin-bundle dev-master (4f23e1a30e49681bf8ebdbbae549848784be7699) 1. edit bundles services.yml you have implement own crudcontroller , new list template. tell in services.yml sonata.admin.youradmin: class: your\bundle\admin\youradmin tags: - { name: sonata.admin, manager_type: orm, group: "groupname", label: "grouplabel" } arguments: - ~ - your\bundle\entity\entityclass - yourbundle:yournewcrud # <- add together crud class here calls: ...
Read more