Commit 9135b2d3 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

update more tests & examples

parent ef83c133

examples/areacharts/area_with_points.ptx

+24 −10
Original line number Diff line number Diff line 
width: 1200px;

height: 480px;



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

x: x;

y: y;



scale-y-min: 0;

scale-y-max: 60;

scale-y-layout: linear(10, align 10);



areas {

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

  ys: csv('tests/testdata/areadata.csv', y);

  color: #4572a7;

}



points {

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

  ys: csv('tests/testdata/areadata.csv', y);

  color: #4572a7;

}



axis {

  position: top;

}



layer {

  type: area;

axis {

  position: bottom;

}



layer {

  type: lines;

axis {

  position: left;

}



layer {

  type: points;

axis {

  position: right;

}

examples/areacharts/area_with_points.svg

+67 −76
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="M54.946875 44.4 L1145.053125 44.4 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 44.4 L54.946875 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M210.676346 44.4 L210.676346 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M366.405817 44.4 L366.405817 49.733333 "/>

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M833.594215 44.4 L833.594215 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M989.323735 44.4 L989.323735 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 44.4 L1145.053125 49.733333 "/>

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

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

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

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

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

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

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

  <text x="1130.779688" y="28.666667" 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="M1145.053125 44.4 L1145.053125 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 435.6 L1139.719792 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 379.714283 L1139.719792 379.714283 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 323.828566 L1139.719792 323.828566 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 267.942844 L1139.719792 267.942844 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 212.057133 L1139.719792 212.057133 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 156.171422 L1139.719792 156.171422 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 100.285688 L1139.719792 100.285688 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 44.4 L1139.719792 44.4 "/>

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

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

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

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

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

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

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 435.6 L1145.053125 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 435.6 L54.946875 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M210.676346 435.6 L210.676346 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M366.405817 435.6 L366.405817 430.266667 "/>

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M833.594215 435.6 L833.594215 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M989.323735 435.6 L989.323735 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1145.053125 435.6 L1145.053125 430.266667 "/>

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

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

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

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

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

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

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

  <text x="1130.779688" y="461.333333" 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="M54.946875 44.4 L54.946875 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 435.6 L60.280208 435.6 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 379.714283 L60.280208 379.714283 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 323.828566 L60.280208 323.828566 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 267.942844 L60.280208 267.942844 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 212.057133 L60.280208 212.057133 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 156.171422 L60.280208 156.171422 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 100.285688 L60.280208 100.285688 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M54.946875 44.4 L60.280208 44.4 "/>

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

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

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

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

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

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

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

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

  <path fill="#4572a7" d="M54.946875 213.92 L191.210156 187.84 L327.473438 155.24 L600.0 220.44 L872.526563 298.68 L1145.053125 220.44 L1145.053125 435.6 L872.526563 435.6 L600.0 435.6 L327.473438 435.6 L191.210156 435.6 L54.946875 435.6 "/>

  <path stroke-width="2.666667" stroke="#4572a7" fill="none" d="M54.946875 213.92 L191.210156 187.84 L327.473438 155.24 L600.0 220.44 L872.526563 298.68 L1145.053125 220.44 "/>

  <path fill="#4572a7" d="M58.946875 213.92 M50.946875 213.92 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M195.210156 187.84 M187.210156 187.84 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M331.473438 155.24 M323.473438 155.24 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M604.0 220.44 M596.0 220.44 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M876.526563 298.68 M868.526563 298.68 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M1149.053125 220.44 M1141.053125 220.44 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M60.280208 214.631111 L195.210156 189.262222 L330.140104 157.551111 L600.0 220.973333 L869.859896 297.08 L1139.719792 220.973333 L1139.719792 430.266667 L869.859896 430.266667 L600.0 430.266667 L330.140104 430.266667 L195.210156 430.266667 L60.280208 430.266667 "/>

  <path fill="#4572a7" d="M64.280208 214.631111 M56.280208 214.631111 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M199.210156 189.262222 M191.210156 189.262222 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M334.140104 157.551111 M326.140104 157.551111 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M604.0 220.973333 M596.0 220.973333 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M873.859896 297.08 M865.859896 297.08 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path fill="#4572a7" d="M1143.719792 220.973333 M1135.719792 220.973333 a4.0 4.0 0 1 0 8.0 0 a4.0 4.0 0 1 0 -8.0 0 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 49.733333 L1139.719792 49.733333 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 49.733333 L60.280208 55.066667 "/>

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

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

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

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

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 49.733333 L1139.719792 55.066667 "/>

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

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

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

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

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

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

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

  <text x="1125.446354" y="34.000000" 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="M60.280208 430.266667 L1139.719792 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 430.266667 L60.280208 424.933333 "/>

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

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

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

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

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 430.266667 L1139.719792 424.933333 "/>

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

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

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

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

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

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

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

  <text x="1125.446354" y="456.000000" 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="M60.280208 49.733333 L60.280208 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 366.844444 L65.613542 366.844444 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 303.422222 L65.613542 303.422222 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 240.0 L65.613542 240.0 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 176.577778 L65.613542 176.577778 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 113.155556 L65.613542 113.155556 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M60.280208 49.733333 L65.613542 49.733333 "/>

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

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

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

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

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

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

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 49.733333 L1139.719792 430.266667 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 366.844444 L1134.386458 366.844444 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 303.422222 L1134.386458 303.422222 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 240.0 L1134.386458 240.0 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 176.577778 L1134.386458 176.577778 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 113.155556 L1134.386458 113.155556 "/>

  <path stroke-width="1.333333" stroke="#a8a8a8" fill="none" d="M1139.719792 49.733333 L1134.386458 49.733333 "/>

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

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

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

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

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

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

</svg>
 
 No newline at end of file

tests/spec/areachart/test_area_with_points.ptx

+24 −10
Original line number Diff line number Diff line 
width: 1200px;

height: 480px;



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

x: x;

y: y;



scale-y-min: 0;

scale-y-max: 60;

scale-y-layout: linear(10, align 10);



areas {

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

  ys: csv('tests/testdata/areadata.csv', y);

  color: #4572a7;

}



points {

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

  ys: csv('tests/testdata/areadata.csv', y);

  color: #4572a7;

}



axis {

  position: top;

}



layer {

  type: area;

axis {

  position: bottom;

}



layer {

  type: lines;

axis {

  position: left;

}



layer {

  type: points;

axis {

  position: right;

}

tests/spec/areachart/test_area_with_points.svg

+67 −76

File changed.

Preview size limit exceeded, changes collapsed.

tests/spec/areachart/test_simple_area.ptx

+25 −7
Original line number Diff line number Diff line 
width: 1200px;

height: 480px;



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

scale-x-padding: 0.5;



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

x: time;

y: value2;

scale-y-layout: linear(10, align 10);



grid-x: geom;

gridlines {}



layer {

  type: area;

areas {

  xs: csv('tests/testdata/measurement.csv', time);

  ys: csv('tests/testdata/measurement.csv', value2);

  color: #4572a7;

}



axis {

  position: top;

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

}



axis {

  position: bottom;

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

}



axis {

  position: left;

}



axis {

  position: right;

}

CRA Git | Maintained and supported by SUSTech CRA and CCSE