pm-controls/source/app/controls/components/chart/line-chart/line-chart.html

ProModel Controls

<div class="line-chart">
<svg width="200"
     height="200"
     aria-label="A chart."
     style="overflow: hidden;">
    <defs id="defs">
        <clipPath id="_ABSTRACT_RENDERER_ID_19">
            <rect x="0"
                  y="0"
                  width="200"
                  height="200"></rect>
        </clipPath>
    </defs>
    <g>
        <rect x="0"
              y="0"
              width="200"
              height="200"
              stroke="none"
              stroke-width="0"
              fill-opacity="0"
              fill="#ffffff"></rect>
        <g>
            <g>
                <path d="M1.5029940119760479,120.75202520252026L3.5089820359281436,120.75202520252026L5.514970059880239,124.0923592359236L7.520958083832335,114.07135713571357L9.52694610778443,115.74152415241525L11.532934131736527,122.42219221922193L13.538922155688622,122.42219221922193L15.544910179640718,124.0923592359236L17.550898203592816,124.0923592359236L19.556886227544908,120.75202520252026L21.562874251497007,124.0923592359236L23.5688622754491,129.1028602860286L25.5748502994012,124.0923592359236L27.58083832335329,124.0923592359236L29.58682634730539,129.1028602860286L31.592814371257482,129.1028602860286L33.59880239520958,130.77302730273027L35.604790419161674,129.1028602860286L37.61077844311377,127.43269326932693L39.616766467065865,129.1028602860286L41.622754491017965,129.1028602860286L43.62874251497006,129.1028602860286L45.634730538922156,132.44319431943194L47.64071856287425,132.44319431943194L49.64670658682635,129.1028602860286L51.65269461077844,127.43269326932693L53.65868263473054,129.1028602860286L55.66467065868263,130.77302730273027L57.67065868263473,130.77302730273027L59.67664670658682,127.43269326932693L61.68263473053892,130.77302730273027L63.688622754491014,132.44319431943194L65.6946107784431,129.1028602860286L67.7005988023952,129.1028602860286L69.7065868263473,132.44319431943194L71.7125748502994,130.77302730273027L73.71856287425149,129.1028602860286L75.72455089820359,125.76252625262526L77.73053892215569,129.1028602860286L79.73652694610779,130.77302730273027L81.74251497005987,130.77302730273027L83.74850299401197,125.76252625262526L85.75449101796407,124.0923592359236L87.76047904191617,124.0923592359236L89.76646706586826,129.1028602860286L91.77245508982035,125.76252625262526L93.77844311377245,129.1028602860286L95.78443113772455,129.1028602860286L97.79041916167664,127.43269326932693L99.79640718562874,125.76252625262526L101.80239520958084,129.1028602860286L103.80838323353294,127.43269326932693L105.81437125748502,125.76252625262526L107.82035928143712,125.76252625262526L109.82634730538922,125.76252625262526L111.83233532934132,125.76252625262526L113.8383233532934,129.1028602860286L115.8443113772455,125.76252625262526L117.8502994011976,129.1028602860286L119.8562874251497,129.1028602860286L121.86227544910179,127.43269326932693L123.86826347305389,124.0923592359236L125.87425149700599,125.76252625262526L127.88023952095809,124.0923592359236L129.88622754491018,125.76252625262526L131.89221556886227,115.74152415241525L133.89820359281435,120.75202520252026L135.90419161676647,120.75202520252026L137.91017964071855,120.75202520252026L139.91616766467067,110.73102310231022L141.92215568862275,124.0923592359236L143.92814371257484,122.42219221922193L145.93413173652695,120.75202520252026L147.94011976047904,117.41169116911692L149.94610778443112,115.74152415241525L151.95209580838323,119.08185818581859L153.95808383233532,119.08185818581859L155.96407185628743,109.06085608560855L157.97005988023952,114.07135713571357L159.9760479041916,112.40119011901189L161.98203592814372,115.74152415241525L163.9880239520958,112.40119011901189L165.9940119760479,115.74152415241525L168,112.40119011901189L170.00598802395209,114.07135713571357L172.0119760479042,112.40119011901189L174.01796407185628,110.73102310231022L176.02395209580837,110.73102310231022L178.02994011976048,114.07135713571357L180.03592814371257,104.05035503550354L182.04191616766465,110.73102310231022L184.04790419161677,110.73102310231022L186.05389221556885,112.40119011901189L188.05988023952096,109.06085608560855L190.06586826347305,112.40119011901189L192.07185628742513,109.06085608560855L194.07784431137725,107.39068906890688L196.08383233532933,104.05035503550354L198.08982035928142,107.39068906890688L200.09580838323353,105.72052205220521L202.10179640718562,104.05035503550354L204.10778443113773,92.35918591859185L206.11377245508982,102.38018801880187L208.1197604790419,102.38018801880187L210.125748502994,95.6995199519952L212.1317365269461,97.36968696869687L214.13772455089818,102.38018801880187L216.1437125748503,99.03985398539854L218.14970059880238,99.03985398539854L220.1556886227545,90.68901890189018L222.16167664670658,94.02935293529352L224.16766467065867,94.02935293529352L226.17365269461078,94.02935293529352L228.17964071856287,65.63651365136514L230.18562874251495,85.67851785178517L232.19161676646706,85.67851785178517L234.19760479041915,89.01885188518851L236.20359281437126,85.67851785178517L238.20958083832335,89.01885188518851L240.21556886227543,89.01885188518851L242.22155688622755,87.34868486848684L244.22754491017963,82.33818381838184L246.23353293413172,82.33818381838184L248.23952095808383,85.67851785178517L250.24550898203591,80.66801680168017L252.25149700598803,55.61551155115512L254.2574850299401,77.32768276827682L256.2634730538922,80.66801680168017L258.2694610778443,82.33818381838184L260.2754491017964,77.32768276827682L262.2814371257485,77.32768276827682L264.2874251497006,80.66801680168017L266.2934131736527,78.99784978497848L268.29940119760477,72.31718171817181L270.3053892215569,72.31718171817181L272.311377245509,73.98734873487348L274.31736526946105,72.31718171817181L276.32335329341316,18.871837183718384L278.3293413173653,23.88233823382339L280.33532934131733,62.29617961796178L282.34131736526945,63.966346634663466L284.34730538922156,65.63651365136514L286.3532934131736,67.3066806680668L288.35928143712573,70.64701470147014L290.36526946107784,65.63651365136514L292.37125748502996,57.28567856785679L294.377245508982,60.626012601260115L296.3832335329341,60.626012601260115L298.38922155688624,55.61551155115512L300.3952095808383,8.850835083508343L302.4011976047904,50.6050105010501L304.4071856287425,57.28567856785679L306.4131736526946,53.945344534453454L308.4191616766467,52.275177517751786L310.4251497005988,62.29617961796178L312.43113772455087,62.29617961796178L314.437125748503,57.28567856785679L316.4431137724551,37.24367436743674L318.44910179640715,43.92434243424343L320.45508982035926,47.264676467646765L322.4610778443114,45.5945094509451L324.4670658682635,0.5L326.47305389221555,38.91384138413841L328.47904191616766,42.25417541754176L330.4850299401198,50.6050105010501L332.49101796407183,47.264676467646765L334.49700598802394,48.934843484348434"
            
                      stroke="#2196f3"
                      stroke-width="3"
                      fill-opacity="1"
                      fill="none"></path>
                <path d="M1.5029940119760479,152.485198519852L3.5089820359281436,150.81503150315032L5.514970059880239,152.485198519852L7.520958083832335,154.15536553655366L9.52694610778443,152.485198519852L11.532934131736527,152.485198519852L13.538922155688622,152.485198519852L15.544910179640718,154.15536553655366L17.550898203592816,154.15536553655366L19.556886227544908,154.15536553655366L21.562874251497007,152.485198519852L23.5688622754491,152.485198519852L25.5748502994012,154.15536553655366L27.58083832335329,150.81503150315032L29.58682634730539,155.82553255325533L31.592814371257482,154.15536553655366L33.59880239520958,155.82553255325533L35.604790419161674,154.15536553655366L37.61077844311377,155.82553255325533L39.616766467065865,155.82553255325533L41.622754491017965,155.82553255325533L43.62874251497006,154.15536553655366L45.634730538922156,155.82553255325533L47.64071856287425,154.15536553655366L49.64670658682635,155.82553255325533L51.65269461077844,154.15536553655366L53.65868263473054,155.82553255325533L55.66467065868263,154.15536553655366L57.67065868263473,155.82553255325533L59.67664670658682,154.15536553655366L61.68263473053892,155.82553255325533L63.688622754491014,155.82553255325533L65.6946107784431,155.82553255325533L67.7005988023952,152.485198519852L69.7065868263473,155.82553255325533L71.7125748502994,155.82553255325533L73.71856287425149,154.15536553655366L75.72455089820359,154.15536553655366L77.73053892215569,155.82553255325533L79.73652694610779,155.82553255325533L81.74251497005987,155.82553255325533L83.74850299401197,152.485198519852L85.75449101796407,154.15536553655366L87.76047904191617,155.82553255325533L89.76646706586826,155.82553255325533L91.77245508982035,154.15536553655366L93.77844311377245,154.15536553655366L95.78443113772455,154.15536553655366L97.79041916167664,155.82553255325533L99.79640718562874,155.82553255325533L101.80239520958084,155.82553255325533L103.80838323353294,155.82553255325533L105.81437125748502,154.15536553655366L107.82035928143712,152.485198519852L109.82634730538922,154.15536553655366L111.83233532934132,155.82553255325533L113.8383233532934,155.82553255325533L115.8443113772455,155.82553255325533L117.8502994011976,154.15536553655366L119.8562874251497,155.82553255325533L121.86227544910179,155.82553255325533L123.86826347305389,154.15536553655366L125.87425149700599,155.82553255325533L127.88023952095809,154.15536553655366L129.88622754491018,154.15536553655366L131.89221556886227,152.485198519852L133.89820359281435,154.15536553655366L135.90419161676647,154.15536553655366L137.91017964071855,154.15536553655366L139.91616766467067,152.485198519852L141.92215568862275,155.82553255325533L143.92814371257484,155.82553255325533L145.93413173652695,154.15536553655366L147.94011976047904,154.15536553655366L149.94610778443112,154.15536553655366L151.95209580838323,154.15536553655366L153.95808383233532,155.82553255325533L155.96407185628743,150.81503150315032L157.97005988023952,154.15536553655366L159.9760479041916,152.485198519852L161.98203592814372,154.15536553655366L163.9880239520958,152.485198519852L165.9940119760479,154.15536553655366L168,154.15536553655366L170.00598802395209,152.485198519852L172.0119760479042,152.485198519852L174.01796407185628,152.485198519852L176.02395209580837,152.485198519852L178.02994011976048,152.485198519852L180.03592814371257,149.14486448644865L182.04191616766465,152.485198519852L184.04790419161677,152.485198519852L186.05389221556885,152.485198519852L188.05988023952096,150.81503150315032L190.06586826347305,152.485198519852L192.07185628742513,150.81503150315032L194.07784431137725,150.81503150315032L196.08383233532933,150.81503150315032L198.08982035928142,150.81503150315032L200.09580838323353,149.14486448644865L202.10179640718562,150.81503150315032L204.10778443113773,147.47469746974699L206.11377245508982,150.81503150315032L208.1197604790419,150.81503150315032L210.125748502994,149.14486448644865L212.1317365269461,150.81503150315032L214.13772455089818,150.81503150315032L216.1437125748503,150.81503150315032L218.14970059880238,150.81503150315032L220.1556886227545,149.14486448644865L222.16167664670658,150.81503150315032L224.16766467065867,150.81503150315032L226.17365269461078,150.81503150315032L228.17964071856287,144.13436343634362L230.18562874251495,149.14486448644865L232.19161676646706,150.81503150315032L234.19760479041915,149.14486448644865L236.20359281437126,149.14486448644865L238.20958083832335,150.81503150315032L240.21556886227543,150.81503150315032L242.22155688622755,149.14486448644865L244.22754491017963,149.14486448644865L246.23353293413172,149.14486448644865L248.23952095808383,149.14486448644865L250.24550898203591,150.81503150315032L252.25149700598803,144.13436343634362L254.2574850299401,149.14486448644865L256.2634730538922,149.14486448644865L258.2694610778443,149.14486448644865L260.2754491017964,149.14486448644865L262.2814371257485,147.47469746974699L264.2874251497006,150.81503150315032L266.2934131736527,149.14486448644865L268.29940119760477,145.8045304530453L270.3053892215569,147.47469746974699L272.311377245509,147.47469746974699L274.31736526946105,147.47469746974699L276.32335329341316,139.1238623862386L278.3293413173653,144.13436343634362L280.33532934131733,145.8045304530453L282.34131736526945,147.47469746974699L284.34730538922156,147.47469746974699L286.3532934131736,147.47469746974699L288.35928143712573,149.14486448644865L290.36526946107784,147.47469746974699L292.37125748502996,145.8045304530453L294.377245508982,145.8045304530453L296.3832335329341,145.8045304530453L298.38922155688624,144.13436343634362L300.3952095808383,139.1238623862386L302.4011976047904,144.13436343634362L304.4071856287425,145.8045304530453L306.4131736526946,145.8045304530453L308.4191616766467,145.8045304530453L310.4251497005988,147.47469746974699L312.43113772455087,149.14486448644865L314.437125748503,147.47469746974699L316.4431137724551,142.46419641964195L318.44910179640715,144.13436343634362L320.45508982035926,144.13436343634362L322.4610778443114,144.13436343634362L324.4670658682635,139.1238623862386L326.47305389221555,144.13436343634362L328.47904191616766,144.13436343634362L330.4850299401198,145.8045304530453L332.49101796407183,145.8045304530453L334.49700598802394,144.13436343634362"
            
                      stroke="#f44336"
                      stroke-width="3"
                      fill-opacity="1"
                      fill="none"></path>
            </g>
            <g>
                <rect x="290.36526946107784"
                      y="163"
                      width="1"
                      height="5"
                      stroke="none"
                      stroke-width="0"
                      fill="#999999"></rect>
            </g>
        </g>
        <g></g>
        <g>
            <g>
                <g>
                    <rect x="277.5"
                          y="152.5"
                          width="26"
                          height="12"
                          stroke="none"
                          stroke-width="0"
                          fill-opacity="0"
                          fill="#ffffff"></rect>
                    <text text-anchor="middle"
                          x="290.36526946107784"
                          y="161.5"
                          font-family="Arial"
                          font-size="10"
                          stroke="none"
                          stroke-width="0"
                          fill="#222222">Note</text>
                    <rect x="279.86526946107784"
                          y="153"
                          width="21"
                          height="10"
                          stroke="none"
                          stroke-width="0"
                          fill-opacity="0"
                          fill="#ffffff"></rect>
                </g>
            </g>
        </g>
    </g>
    <g></g>
</svg>
</div>