viser 饼图修改颜色

最新推荐文章于 2024-04-29 10:42:46 发布
最新推荐文章于 2024-04-29 10:42:46 发布
阅读量1.8k 收藏 4
点赞数 3
分类专栏： VUE 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_34123799/article/details/112980093
版权

最近在用 viser 做图表真是，这个图表框架真的太坑了！强烈建议大家不要入手这个框架，文档都不全，开发就在那采坑，开发进度特别的慢。

VUE方式修改图表颜色

<v-pie position="percent" :color="['item',['#EE82EE','#0000CD','#5F9EA0','#FFA500','#CD5C5C']]" :v-style="pieStyle" :label="labelConfig"/>

['item',['#EE82EE','#0000CD','#5F9EA0','#FFA500','#CD5C5C']] 这特么数据格式我也是服了

参考

参考
viser 的 github地址
viser 的 官网

bbccloud
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
01-18
前言 AntV-G2官网推荐使用Viser,本文介绍针对Vue版本的viser-vue简单使用。 安装viser-vue yarn add viser-vue yarn add @antv/data-set main.js中引入 import Viser from ‘viser-vue’ Vue.use(Viser) 定义d2demo.vue组件 <template> <div> <v forceFit=true height=height data=data scale=scale> <v-tooltip :showTitle=f
vue饼图组件_Vue插件-饼状图
weixin_39827304的博客
12-19 1327
饼状图插件v-pie效果v-pie.png特性多种样式独立的渲染库独立的动画库轻量级源码，简洁易懂，可根据需求自定义改造参考资料基于charjs库代码裁剪，只保留了pie相关代码渲染库为Crender动画库为transition安装npm install @oldeng/v-pie使用详情参考demo源码//导入饼状图组件import { VPie } from "../../dist/v-pie...
Vue Viser图表 饼状图tooltip提示文本修改
m0_58861443的博客
01-11 1463
自定义提示文本，如图效果 <v-pie position="count" color="item" :v-style="pieStyle" :label="labelConfig" :tooltip="tooltip" /> data（）{ return{ tooltip:[ 'item*percent*count', (item,percent,count) => { //这里可以对数据进行处理
【Angular】基础饼图绘制
发光并非太阳的专利，你也可以发光。
12-23 945
跟大家分享下基础饼图的绘制 import 'zone.js'; import 'reflect-metadata'; import { Component, enableProdMode, NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { Vise...
vue viser g2 v-chart 环状图文档未提到的点
a_biggerfish的博客
01-18 401
在文档中根本找不到对应的点击事件方法，起初我用@click，后来我使用，原生js，document去监听canvas里面的div，两种方法都无效。后来我也是在git中找到了对应的issue。抱着试一试的心态发现有用！今天在ant desgin vue项目中使用v-chart做环形图的时候遇到了好多问题，viser 官方文档里面根本找不到想要的答案。我进入他的git网址之后才在issue里面找到了修改的方法。文档实例中color一栏使用的就是item，默认的颜色变化。问题1：我想修改环形图的颜色。
v-charts中的一些实用技巧
fan1321923530的博客
06-06 6442
1.饼状图自定义显示格式 <template> <ve-pie :data="chart.Data" :settings="chart.Settings" :legend-visible="false" :events="chart.events" height="230px" > </ve-pie...
echarts 柱状图 bar、饼状图 pie 设置不同颜色，如何实现
热门推荐
11-18 1万+
echart 柱状图 bar 设置不同颜色，如何实现 echarts 配置柱状图，不同数据颜色不一，如何实现 实现 主要是 series 中的 itemStyle 属性。 itemStyle: { normal:{ color: function(params){ return colors[params.dataIndex]; // 取每条数据的 index 对应 colors 中的 index 返回这个颜色 }
【JEECG】修改Viser图表颜色样式
sunshine641的博客
12-30 3217
Viser真的真的真的很不行 ，最好先学完Echart再来看这个，还好理解些，或者就别看这个了 ，echart不好吗！！ 因为项目用的jeecg，里面图表用Viser写的，所以愁苦了好一阵 以柱状图为例 Vue环境： <v-chart :forceFit="true" :height="height" :data="dataSource" :scale="scale" :padding="padding"> <v-tooltip/> &l..
viser-vue数据图改色
qq_45353152的博客
04-09 954
柱状图改色结果 代码中红色为关键点，柱状图<v-stack-bar>标签 饼状为<v-pie>标签。 颜色color="[]"形式的数据， 前缀的country字段对应上constsourceData内的数据数据渲染字段 <v-stack-barposition="year*percent":color="['country',['#EB0EF5','#1800ff']]":vStyle="stackBarStyle"/> constsourc...
viser-graph:一个基于g6创建图的工具包
05-13
Viser支持React，Vue和AngularJS。 该库的主要目的是帮助您轻松编写Web应用程序中的图形。 Viser的主要原则是： 只需使用带有图表的语义组件进行部署，包括但不限于React，Vue和AugularJS。 轻量级仅取决于G6，...
viser：viser是适合数据vis工程师的工具包。 https：viserjs.gitee.io
02-05
Viser支持React，Vue和AngularJS。 该库的主要目的是帮助您轻松编写Web应用程序中的图表。 Viser的主要原则是： 只需使用带有图表的语义组件进行部署，包括但不限于React，Vue和AugularJS。 轻量级仅依赖于G2，...
Viser一个适合基于G2的数据工程师的工具包
08-10
一个适合基于G2的数据工程师的工具包。 Viser支持React，Vue和AngularJS。
food-viser:改善饮食的应用程式
05-08
##名称：Food Viser ## About：基于食物搜索，他的应用程序给出了相关食谱，卡路里和所含胆固醇的含量（以每日推荐量的百分比表示）。 :taco: :bento_box: :winking_face_with_tongue: 应用程式连结 :bookmark: ...
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 621
步骤很详细，直接上教程……
三、VUE数据代理
最新发布
D_A_I_H_A_O的博客
04-29 362
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue项目中异步组件的引入使用
Niucode的博客
04-26 252
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 277
vue echarts 柱状图 堆叠柱状图
vue3组件 描点定位以及监听滚动切换对应activeTab
weixin_41824429的博客
04-26 345
【代码】vue3组件 描点定位以及监听滚动切换对应activeTab。
vue2大屏可视化组件
07-27
4. Viser：Viser 是一个基于 G2 和 G6 的 Vue 可视化库，可以方便地在 Vue 项目中使用 G2 和 G6 的功能。 5. VCharts：VCharts 是基于 ECharts 封装的 Vue 组件库，提供了一些常用的 ECharts 图表类型的 Vue 封装...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值