Commit 7d86dcee authored by Paul Asmuth's avatar Paul Asmuth
Browse files

implement area chart '{x,y}-offsets' properties

parent 102c65dc

examples/areacharts/area_ranges.ptx

+30 −9
Original line number Diff line number Diff line 
width: 1200px;

height: 480px;



axis-x-format: datetime("%H:%M:%S");

scale-y-min: -50;

scale-y-max: 50;



data: csv('tests/testdata/areadata2.csv', time);

x: x;

group: series;

areas {

  xs: csv('tests/testdata/areadata2.csv', x);

  ys: csv('tests/testdata/areadata2.csv', z);

  y-offsets: csv('tests/testdata/areadata2.csv', y);

  color: #4572a7;

}



areas {

  xs: csv('tests/testdata/areadata2.csv', x);

  ys: csv('tests/testdata/areadata2.csv', z2);

  y-offsets: csv('tests/testdata/areadata2.csv', y2);

  color: #aa4643;

}



axis {

  position: top;

  format: datetime("%H:%M:%S");

}



axis {

  position: bottom;

  format: datetime("%H:%M:%S");

}



grid-x: geom;

axis {

  position: left;

}



layer {

  type: area;

  y: y;

  y-offset: z;

axis {

  position: right;

}

examples/areacharts/area_ranges.svg

+70 −78
Original line number Diff line number Diff line 
<svg xmlns="http://www.w3.org/2000/svg" width="1200.000000" height="480.000000" viewBox="0 0 1200.0 480.0">

  <rect width="1200.000000" height="480.000000" fill="#ffffff"/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 44.4 L1140.1625 44.4 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 44.4 L59.8375 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M214.16965 44.4 L214.16965 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M368.5018 44.4 L368.5018 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M522.833965 44.4 L522.833965 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M677.166099 44.4 L677.166099 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M831.498233 44.4 L831.498233 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M985.830431 44.4 L985.830431 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 44.4 L1140.1625 49.733333 "/>

  <text x="31.290625" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:10</text>

  <text x="185.622775" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:15</text>

  <text x="339.954925" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:21</text>

  <text x="494.287090" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:27</text>

  <text x="648.619224" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:32</text>

  <text x="802.951358" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:38</text>

  <text x="957.283556" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:44</text>

  <text x="1111.615625" y="28.666667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:50</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 44.4 L1140.1625 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 435.6 L1134.829167 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 379.714283 L1134.829167 379.714283 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 323.828566 L1134.829167 323.828566 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 267.942844 L1134.829167 267.942844 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 212.057133 L1134.829167 212.057133 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 156.171422 L1134.829167 156.171422 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 100.285688 L1134.829167 100.285688 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 44.4 L1134.829167 44.4 "/>

  <text x="1151.895833" y="440.600000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-41.7</text>

  <text x="1151.895833" y="384.714283" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-28.5</text>

  <text x="1151.895833" y="328.828566" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-15.3</text>

  <text x="1151.895833" y="272.942844" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-2.1</text>

  <text x="1151.895833" y="217.057133" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">11.1</text>

  <text x="1151.895833" y="161.171422" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">24.3</text>

  <text x="1151.895833" y="105.285688" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">37.5</text>

  <text x="1151.895833" y="49.400000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">50.7</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 435.6 L1140.1625 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 435.6 L59.8375 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M214.16965 435.6 L214.16965 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M368.5018 435.6 L368.5018 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M522.833965 435.6 L522.833965 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M677.166099 435.6 L677.166099 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M831.498233 435.6 L831.498233 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M985.830431 435.6 L985.830431 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1140.1625 435.6 L1140.1625 430.266667 "/>

  <text x="31.290625" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:10</text>

  <text x="185.622775" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:15</text>

  <text x="339.954925" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:21</text>

  <text x="494.287090" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:27</text>

  <text x="648.619224" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:32</text>

  <text x="802.951358" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:38</text>

  <text x="957.283556" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:44</text>

  <text x="1111.615625" y="461.333333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:50</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 44.4 L59.8375 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 435.6 L65.170833 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 379.714283 L65.170833 379.714283 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 323.828566 L65.170833 323.828566 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 267.942844 L65.170833 267.942844 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 212.057133 L65.170833 212.057133 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 156.171422 L65.170833 156.171422 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 100.285688 L65.170833 100.285688 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M59.8375 44.4 L65.170833 44.4 "/>

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

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

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

  <text x="22.822917" y="272.942844" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-2.1</text>

  <text x="20.651042" y="217.057133" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">11.1</text>

  <text x="19.557292" y="161.171422" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">24.3</text>

  <text x="19.557292" y="105.285688" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">37.5</text>

  <text x="19.557292" y="49.400000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">50.7</text>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 435.6 L1140.1625 435.6 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 379.714283 L1140.1625 379.714283 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 323.828566 L1140.1625 323.828566 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 267.942844 L1140.1625 267.942844 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 212.057133 L1140.1625 212.057133 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 156.171422 L1140.1625 156.171422 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 100.285688 L1140.1625 100.285688 "/>

  <path stroke-width="1.333333" stroke="#e5e5e5" fill="none" d="M59.8375 44.4 L1140.1625 44.4 "/>

  <path fill="#4572a7" d="M59.8375 403.0 L194.878125 386.064935 L329.91875 343.727272 L600.0 360.662337 L870.08125 335.25974 L1140.1625 394.532467 L1140.1625 119.337663 L870.08125 170.142857 L600.0 119.337663 L329.91875 77.0 L194.878125 98.168832 L59.8375 115.103896 "/>

  <path fill="#aa4643" d="M59.8375 360.662337 L194.878125 343.727272 L329.91875 322.558441 L600.0 343.727272 L870.08125 288.688312 L1140.1625 335.25974 L1140.1625 132.038961 L870.08125 204.012987 L600.0 144.74026 L329.91875 98.168832 L194.878125 119.337663 L59.8375 127.805195 "/>

  <path fill="#4572a7" d="M65.170833 110.618667 L198.878125 95.397333 L332.585417 76.370667 L600.0 114.424 L867.414583 160.088 L1134.829167 114.424 L1134.829167 361.770667 L867.414583 308.496 L600.0 331.328 L332.585417 316.106667 L198.878125 354.16 L65.170833 369.381333 "/>

  <path fill="#aa4643" d="M65.170833 122.034667 L198.878125 114.424 L332.585417 95.397333 L600.0 137.256 L867.414583 190.530667 L1134.829167 125.84 L1134.829167 308.496 L867.414583 266.637333 L600.0 316.106667 L332.585417 297.08 L198.878125 316.106667 L65.170833 331.328 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 49.733333 L1134.829167 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 49.733333 L65.170833 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M217.979173 49.733333 L217.979173 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M370.787514 49.733333 L370.787514 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M523.59587 49.733333 L523.59587 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M676.404194 49.733333 L676.404194 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M829.212518 49.733333 L829.212518 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M982.020906 49.733333 L982.020906 55.066667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 49.733333 L1134.829167 55.066667 "/>

  <text x="36.623958" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:10</text>

  <text x="189.432298" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:15</text>

  <text x="342.240639" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:21</text>

  <text x="495.048995" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:27</text>

  <text x="647.857319" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:32</text>

  <text x="800.665643" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:38</text>

  <text x="953.474031" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:44</text>

  <text x="1106.282292" y="34.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:50</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 430.266667 L1134.829167 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 430.266667 L65.170833 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M217.979173 430.266667 L217.979173 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M370.787514 430.266667 L370.787514 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M523.59587 430.266667 L523.59587 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M676.404194 430.266667 L676.404194 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M829.212518 430.266667 L829.212518 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M982.020906 430.266667 L982.020906 424.933333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 430.266667 L1134.829167 424.933333 "/>

  <text x="36.623958" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:10</text>

  <text x="189.432298" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:15</text>

  <text x="342.240639" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:21</text>

  <text x="495.048995" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:27</text>

  <text x="647.857319" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:32</text>

  <text x="800.665643" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:38</text>

  <text x="953.474031" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:44</text>

  <text x="1106.282292" y="456.000000" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">00:00:50</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 49.733333 L65.170833 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 430.266667 L70.504167 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 375.904759 L70.504167 375.904759 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 321.542852 L70.504167 321.542852 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 267.180939 L70.504167 267.180939 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 212.819038 L70.504167 212.819038 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 158.457136 L70.504167 158.457136 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 104.095212 L70.504167 104.095212 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M65.170833 49.733333 L70.504167 49.733333 "/>

  <text x="20.000000" y="435.266667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-50.0</text>

  <text x="20.000000" y="380.904759" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-35.7</text>

  <text x="20.000000" y="326.542852" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-21.4</text>

  <text x="28.156250" y="272.180939" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-7.1</text>

  <text x="33.046875" y="217.819038" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">7.1</text>

  <text x="24.890625" y="163.457136" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">21.4</text>

  <text x="24.890625" y="109.095212" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">35.7</text>

  <text x="24.890625" y="54.733333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">50.0</text>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 49.733333 L1134.829167 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 430.266667 L1129.495833 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 375.904759 L1129.495833 375.904759 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 321.542852 L1129.495833 321.542852 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 267.180939 L1129.495833 267.180939 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 212.819038 L1129.495833 212.819038 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 158.457136 L1129.495833 158.457136 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 104.095212 L1129.495833 104.095212 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1134.829167 49.733333 L1129.495833 49.733333 "/>

  <text x="1146.562500" y="435.266667" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-50.0</text>

  <text x="1146.562500" y="380.904759" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-35.7</text>

  <text x="1146.562500" y="326.542852" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-21.4</text>

  <text x="1146.562500" y="272.180939" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">-7.1</text>

  <text x="1146.562500" y="217.819038" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">7.1</text>

  <text x="1146.562500" y="163.457136" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">21.4</text>

  <text x="1146.562500" y="109.095212" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">35.7</text>

  <text x="1146.562500" y="54.733333" fill="#333333" font-size="14.666667" font-family="Arial,Helvetica,'Helvetica Neue',sans-serif">50.0</text>

</svg>
 
 No newline at end of file

examples/areacharts/arearange_and_line.ptx

+37 −18
Original line number Diff line number Diff line 
width: 1200px;

height: 480px;



axis-x-format: datetime("%H:%M:%S");

scale-y-min: -50;

scale-y-max: 50;



data: csv('tests/testdata/areadata2.csv', time);



grid-x: geom;

areas {

  xs: csv('tests/testdata/areadata2.csv', x);

  ys: csv('tests/testdata/areadata2.csv', z);

  y-offsets: csv('tests/testdata/areadata2.csv', y);

  color: #4572a7;

}



layer {

  type: area;

  x: x;

  group: series;

  y: y;

  y-offset: z;

areas {

  xs: csv('tests/testdata/areadata2.csv', x);

  ys: csv('tests/testdata/areadata2.csv', z2);

  y-offsets: csv('tests/testdata/areadata2.csv', y2);

  color: #aa4643;

}



layer {

  type: lines;

  x: inline(10, 15, 20, 30, 40, 50);

  y: inline(4,  8,  13, 2,  1,  9);

lines {

  xs: 10, 15, 20, 30, 40, 50;

  ys: 4,  8,  13, 2,  1,  9;

  color: #000;

}



layer {

  type: points;

  x: inline(10, 15, 20, 30, 40, 50);

  y: inline(4,  8,  13, 2,  1,  9);

points {

  xs: 10, 15, 20, 30, 40, 50;

  ys: 4,  8,  13, 2,  1,  9;

  color: #000;

}



axis {

  position: top;

  format: datetime("%H:%M:%S");

}



axis {

  position: bottom;

  format: datetime("%H:%M:%S");

}



axis {

  position: left;

}



axis {

  position: right;

}

examples/areacharts/arearange_and_line.svg

+77 −85

File changed.

Preview size limit exceeded, changes collapsed.

source/elements/areas.cc

+75 −2

File changed.

Preview size limit exceeded, changes collapsed.

CRA Git | Maintained and supported by SUSTech CRA and CCSE