摘要：
竖向自动滚动的柱状图，颜色文字图片等皆可修改，详情见代码 组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </template 阅读全文
posted @ 2026-01-29 11:23
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
横向自动滚动的柱状图，颜色文字等参数详见代码，都可进行传参修改 PS：统一说明，修改子组件中的对象中的某一个值是通过$refs来修改 横向单个滚动 简单的基础展示，相关实现均可在代码中修改参数来做出展示。或在其基础上进行修改 组件代码如下： <template> <!-- 柱状图 横向滚动柱状图 - 阅读全文
posted @ 2026-01-29 11:22
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
可滚动的横向柱状图，可展示一个，也可以展示多个，颜色，文字，是否渐变等都可展示。 <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </te 阅读全文
posted @ 2026-01-29 11:21
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的棱柱图，包含文字展示的位置，是否可以多个还是单个，颜色的多个单个，有无背景等等： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> 阅读全文
posted @ 2026-01-29 11:21
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的折线图，包含是否仅显示折线，显示阴影，显示文字，显示个数，显示自定义圆点图片等，相关变量详见组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:widt 阅读全文
posted @ 2026-01-29 11:20
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
/* * @Author: mxj * @Date: 2022-11-04 08:22:23 * @Last Modified by: mxj * @Last Modified time: 2022-12-12 17:32:58 */ <template> <!-- 饼图 --> <div :id= 阅读全文
posted @ 2026-01-29 11:20
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的塔状图，包含单个或者多个，颜色可变或者一致，或者渐变，详见代码： 相关组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> 阅读全文
posted @ 2026-01-29 11:19
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
颜色，背景，间距，可修改 组件代码： /* * @Author: mxj * @Date: 2022-11-04 08:22:23 * @Last Modified by: mxj * @Last Modified time: 2022-12-12 17:32:58 */ <template> <! 阅读全文
posted @ 2026-01-29 11:17
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
页面中的blockShow组件展示，可进行相关的样式修改，一般月饼图搭配使用，具体根据实际来 组件代码： <template> <!-- 这是新版的相对应的颜色列表的UI --> <div class="bllockListShow"> <div class="pieList" v-for="(it 阅读全文
posted @ 2026-01-29 11:17
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
3D圆饼图，可修改颜色，图片等，具体见代码： 组件代码： <template> <!-- 饼图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </template> <script src=" 阅读全文
posted @ 2026-01-29 11:16
星宝攸宁
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号