下面的画法绘制的是Ana Silva各项体操成绩的折线图:
|
A |
1 |
=canvas() |
2 |
=demo.query("select EVENT,SCORE from GYMSCORE where NAME='Ana Silva'") |
3 |
=A1.plot("BackGround") |
4 |
=A1.plot("EnumAxis","name":"x","allowRegions":false) |
5 |
=A1.plot("NumericAxis","name":"y","location":2,"autoCalcValueRange":false, "maxValue":15,"minValue":14,"allowRegions":false) |
6 |
=A1.plot("Line","axis1":"x","data1":A2.(EVENT),"axis2":"y","data2":A2.(SCORE)) |
7 |
=A1.draw@p(450,250) |
A1中建立画布。A2中获取绘图数据如下:
A3中绘制背景,A4中绘制枚举轴作为横轴x,A5中绘制数值轴作为纵轴y,并且设定了纵轴的最大最小值。特别的,横轴和纵轴的Allow regions属性均设为了false,不绘制坐标区域的间隔区,以便更清楚地看清线图元的绘制情况。
我们下面将主要研究A6中绘制的线图元。先来看A7中的绘制效果:
线图元至少需要两个坐标点,才能确定位置。设定数据坐标时,需要选定两个逻辑坐标轴,并分别设定逻辑坐标。
在这里,设定的逻辑坐标A2.(EVENT) 和A2.(SCORE) 均为序列,当设定的图元逻辑坐标大于两个点时,将绘制多条线。如果设定了一个逻辑坐标点,将无法绘制线图。