Previous topicNext topic
WebBuilderX > 子页面组件元素 > 图表类元素 > 柱状图 >
坐标系

坐标系默认使用的是直角坐标系。

在直角坐标系中,它是以网格的形式标示数据的。默认情况下,这个网格并不显示,一旦勾选显示,完整的网格边框才会显示出来:

除此之外,你还可以点击文本样式右侧的操作按钮,统一重新设置该坐标系中的所有文本样式,也可重新设置该坐标系的边距位置。以下是显示了坐标系网格的图表效果:

如果改用极坐标系,这就需要指定极坐标系的圆心和半径:

没有重新设置时,中心坐标默认为['50%','50%'],其中的第一项是横坐标,50%就相当于卡片面板的水平中心位置;第二项是纵坐标,50%相当于卡片面板的垂直中心位置。而半径决定要生成的极坐标系大小,一般也都是用百分比表示。改为极坐标系之后,需要重新指定坐标轴,因为极坐标系中的坐标轴变为半径轴和角度轴。如下图:

在这里,半径轴类型为category(类目轴),绑定列名是“产品”;角度轴类型为value(数据轴),绑定列名是数量。生成的图表效果如下:

如果将极坐标系中的半径设为2个值的数组,则第1个值表示内圆半径,第2个值表示外圆半径,这样就会得到一个圆环形式的极坐标系。例如,将半径值设为:'20%','80%'],其意思是,内圆半径相当于卡片面板的20%长度,外圆半径相当于卡片面板的80%长度,生成的图表效果如下: