Commit d93be1c5 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

update legend styling in examples

parent 5e9bbcaa

examples/charts-basic/areas_and_lines.fvz

+4 −3
Original line number Diff line number Diff line
@@ -19,8 +19,9 @@ 
        data-y (1.23 10.32 -6.23 4.43 3.45)

        marker-size (3pt))

    legend-overlay (

        position (bottom left)

        background #fff

        position (bottom right)

        item-flow on

        item (label "Series A" color #ccc)

        item (label "Series B" color #888)))

        item (label "Series B" color #888)

        item (label "Combined" color #000)))

examples/charts-basic/areas_and_lines.svg

+10 −9
Original line number Diff line number Diff line
@@ -8,15 +8,16 @@ 
  <path fill="#000000" d="M604 263.763 M596 263.763 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path fill="#000000" d="M894.222 223.103 M886.222 223.103 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path fill="#000000" d="M1184.44 226.841 M1176.44 226.841 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path fill="#ffffff" d="M39.1111 338 L155.186 338 L155.186 411.156 L39.1111 411.156 L39.1111 338 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M39.1111 338 L155.186 338 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M155.186 338 L155.186 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M39.1111 411.156 L155.186 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M39.1111 338 L39.1111 411.156 "/>

  <text x="80.177778" y="367.644444" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Series A</text>

  <path fill="#cccccc" d="M67.1 362.644 M56.1 362.644 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="80.177778" y="391.511111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Series B</text>

  <path fill="#888888" d="M67.1 386.511 M56.1 386.511 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M841.18 361.867 L1160.89 361.867 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M1160.89 361.867 L1160.89 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M841.18 411.156 L1160.89 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M841.18 361.867 L841.18 411.156 "/>

  <text x="882.246875" y="391.511111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Series A</text>

  <path fill="#cccccc" d="M869.169 386.511 M858.169 386.511 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="977.954167" y="391.511111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Series B</text>

  <path fill="#888888" d="M964.876 386.511 M953.876 386.511 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="1074.473958" y="391.511111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Combined</text>

  <path fill="#000000" d="M1061.4 386.511 M1050.4 386.511 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M19.5556 49.2889 L1180.44 49.2889 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M19.5556 49.2889 L19.5556 54.6222 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M135.644 49.2889 L135.644 54.6222 "/>

examples/charts-basic/linechart_multiple_groups.fvz

+3 −0
Original line number Diff line number Diff line
@@ -30,6 +30,9 @@ 
        marker-size (3pt))

    legend-overlay (

        position (bottom left)

        border none

        margin 0.5em

        item-flow on

        item (label "New York" color #4572a7)

        item (label "北京市   " color #aa4643)

        item (label "Москва" color #89a54e)

examples/charts-basic/linechart_multiple_groups.svg

+8 −12
Original line number Diff line number Diff line
@@ -52,18 +52,14 @@ 
  <path fill="#80699b" d="M946.668 213.92 M938.668 213.92 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path fill="#80699b" d="M1038.12 252.045 M1030.12 252.045 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path fill="#80699b" d="M1129.57 273.724 M1121.57 273.724 a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M84.2819 290.267 L206.889 290.267 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M206.889 290.267 L206.889 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M84.2819 411.156 L206.889 411.156 "/>

  <path stroke-width="1.000000" stroke="#333333" fill="none" d="M84.2819 290.267 L84.2819 411.156 "/>

  <text x="125.348611" y="319.911111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">New York</text>

  <path fill="#4572a7" d="M112.271 314.911 M101.271 314.911 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="125.348611" y="343.777778" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">北京市   </text>

  <path fill="#aa4643" d="M112.271 338.778 M101.271 338.778 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="125.348611" y="367.644444" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Москва</text>

  <path fill="#89a54e" d="M112.271 362.644 M101.271 362.644 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="125.348611" y="391.511111" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Berlin</text>

  <path fill="#80699b" d="M112.271 386.511 M101.271 386.511 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="115.570833" y="401.288889" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">New York</text>

  <path fill="#4572a7" d="M102.493 396.289 M91.4931 396.289 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="218.621875" y="401.288889" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">北京市   </text>

  <path fill="#aa4643" d="M205.544 396.289 M194.544 396.289 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="304.922917" y="401.288889" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Москва</text>

  <path fill="#89a54e" d="M291.845 396.289 M280.845 396.289 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <text x="396.083333" y="401.288889" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">Berlin</text>

  <path fill="#80699b" d="M383.006 396.289 M372.006 396.289 a5.5 5.5 0 1 0 11 0 a5.5 5.5 0 1 0 -11 0 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M64.7264 430.711 L1180.44 430.711 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M119.598 425.378 L119.598 430.711 "/>

  <path stroke-width="1.333333" stroke="#333333" fill="none" d="M211.05 425.378 L211.05 430.711 "/>

examples/charts-basic/linechart_with_labels.fvz

+6 −2
Original line number Diff line number Diff line
@@ -8,9 +8,13 @@ 
    scale-x-padding 0.6

    axis-x-label-placement (linear-alignat 1 1)

    axis-x-label-format (custom "Jan" "Feb" "Mar" "Apr" "May" "Jun" "Jul" "Aug" "Sep" "Oct" "Nov" "Dec")

    limit-y (-10 32)

    limit-y (-5 35)

    axis-y-label-placement (linear-alignat 5 -10)

    color (#06c)

    marker-size (3pt)

    axes (bottom left)

    legend-overlay (item (label "London" color #06c) position (bottom left)))
 
    legend-overlay (

      item (label "London" color #06c)

      item-flow on

      border none

      position (top right)))

CRA Git | Maintained and supported by SUSTech CRA and CCSE