跳到主要内容

对称条形图

配置步骤如下：

1、添加对称条形图​

点击“”图标，再点击“对称条形图”，即可创建新的图像；

图2.24.1

2、样式配置​

选中该组件，在操作界面右侧的修改配置后，点击预览可以看到图2.24.2效果；

  • 布局朝向：设置条形图的横/纵向布局方式；图2.24.3
  • 标题文本颜色：可设置标题文字的颜色；图2.24.4
  • 标题文本大小：可设置标题文字的大小，样式如图2.24.4；
  • 图例朝向：设置图例的朝向，横排或者竖排，样式如图2.24.5；
  • 图例位置：设置图例的位置，上方或者下方，样式如图2.24.5；
  • 图例字体颜色：设置图例字体颜色，样式如图2.24.5；
  • 图例字体大小：设置图例字体大小，样式如图2.24.5；
  • 显示背景色：是否开启背景色，样式如图2.24.6；
  • 自定义配色：设置条形的颜色，样式如图2.24.7；

图2.24.2

图2.24.3

图2.24.4

图2.24.5

图2.24.6

图2.24.7

3、数据格式​

数据格式示例​

 [
    {name: '乌拉圭', value: 13.4,type:'2016年耕地总面积'},
    {name: '巴拉圭', value: 14.4,type:'2016年耕地总面积'},
    {name: '南非', value: 18.4,type:'2016年耕地总面积'},
    {name: '巴基斯坦', value: 34.4,type:'2016年耕地总面积'},
    {name: '阿根廷', value: 44.4,type:'2016年耕地总面积'},
    {name: '巴西', value: 24.4,type:'2016年耕地总面积'},
    {name: '加拿大', value: 54.4,type:'2016年耕地总面积'},
    {name: '中国', value: 104.4,type:'2016年耕地总面积'},
    {name: '美国', value: 165.2,type:'2016年耕地总面积'},
    {name: '乌拉圭', value: 12.3,type:'2016年转基因种植面积'},
    {name: '巴拉圭', value: 6.3,type:'2016年转基因种植面积'},
    {name: '南非', value: 8.3 ,type:'2016年转基因种植面积'},
    {name: '巴基斯坦', value: 13.8 ,type:'2016年转基因种植面积'},
    {name: '阿根廷', value: 19.5,type:'2016年转基因种植面积'},
    {name: '巴西', value: 18.8,type:'2016年转基因种植面积'},
    {name: '加拿大', value: 24.7,type:'2016年转基因种植面积'},
    {name: '中国', value: 5.3,type:'2016年转基因种植面积'},
    {name: '美国', value:  72.9,type:'2016年转基因种植面积'},
]