data_view/docs/guide/conicalColumnChart.md

---

sidebarDepth: 2

锥形柱图

锥形柱图是特殊的柱状图，他将根据数值大小，降序排列锥形柱，适合排名类数据展示。

<dv-conical-column-chart :config="config" style="width:400px;height:200px;" />

基本示例

<<< @/docs/guide/codeData/conicalColumnChart/demo1.js

数值显示

<<< @/docs/guide/codeData/conicalColumnChart/demo2.js

config属性

属性|说明|类型|可选值|默认值 :--:|:--:|:--:|:--:|:--: data|柱数据|Array<Object>|data属性|[] img|柱顶图片url|Array<String>|---|[] fontSize|文字大小|Number|---|12 imgSideLength|图片边长|Number|---|30 columnColor|柱颜色|String|---|'rgba(0, 194, 255, 0.4)' textColor|文字颜色|String|---|'#fff' showValue|显示数值|Boolean|---|false

::: tip TIP 将根据自动排序后的排名顺序使用img中的图片。 :::

data属性

属性|说明|类型|可选值|默认值 :--:|:--:|:--:|:--:|:--: name|柱名称|String|---|--- value|柱数值|Number|---|---