"漏斗图-金字塔"组件:<chart-funnel> —— 快应用组件库H-UI

最新推荐文章于 2024-08-22 16:07:48 发布

快应用H-UI

最新推荐文章于 2024-08-22 16:07:48 发布

阅读量578

点赞数

分类专栏：图表组件

本文链接：https://blog.csdn.net/weixin_41324043/article/details/105589019

版权

-w605

触摸反馈：

-w537

<import name="chart-funnel" src="../Common/ui/h-ui/chart/c_chart_funnel"></import>
<template>
    <div class="container-full">
        <chart-funnel id="canvas1" data="{
  {data}}"></chart-funnel>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data: [
                {value: 60, name: '访问'},
                {value: 40, name: '咨询'},
                {value: 20, name: '订单'},
                {value: 80, name: '点击'},
                {value: 100, name: '展现'}
            ]
        }
    }
</script>

-w603

<import name="chart-funnel" src="../Common/ui/h-ui/chart/c_chart_funnel"></import>
<template>
    <div class="container-full">
        <chart-funnel id="can