github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/line-chart.hbs (about)

     1  <svg data-test-line-chart role="img" aria-labelledby="{{concat "title-" elementId}} {{concat "desc-" elementId}}">
     2    <title id="{{concat "title-" elementId}}">{{title}}</title>
     3    <description id="{{concat "desc-" elementId}}">
     4      {{#if description}}
     5        {{description}}
     6      {{else}}
     7        X-axis values range from {{xRange.firstObject}} to {{xRange.lastObject}},
     8        and Y-axis values range from {{yRange.firstObject}} to {{yRange.lastObject}}.
     9      {{/if}}
    10    </description>
    11    <defs>
    12      <linearGradient x1="0" x2="0" y1="0" y2="1" class="{{chartClass}}" id="{{fillId}}">
    13        <stop class="start" offset="0%" />
    14        <stop class="end" offset="100%" />
    15      </linearGradient>
    16      <clipPath id="{{maskId}}">
    17        <path class="fill" d="{{area}}" />
    18      </clipPath>
    19    </defs>
    20    <g class="y-gridlines gridlines" transform="translate({{yAxisOffset}}, 0)"></g>
    21    <g class="canvas {{chartClass}}">
    22      <path class="line" d="{{line}}" />
    23      <rect class="area" x="0" y="0" width="{{yAxisOffset}}" height="{{xAxisOffset}}" fill="url(#{{fillId}})" clip-path="url(#{{maskId}})" />
    24      <rect class="hover-target" x="0" y="0" width="{{yAxisOffset}}" height="{{xAxisOffset}}" />
    25    </g>
    26    <g aria-hidden="true" class="x-axis axis" transform="translate(0, {{xAxisOffset}})"></g>
    27    <g aria-hidden="true" class="y-axis axis" transform="translate({{yAxisOffset}}, 0)"></g>
    28  </svg>
    29  <div class="chart-tooltip is-snappy {{if isActive "active" "inactive"}}" style={{tooltipStyle}}>
    30    <p>
    31      <span class="label">
    32        <span class="color-swatch {{chartClass}}" />
    33        {{activeDatumLabel}}
    34      </span>
    35      <span class="value">{{activeDatumValue}}</span>
    36    </p>
    37  </div>