uni-app 图表使用

分类：uni-app

插件讨论

1 柱状图的柱条的颜色如何自定义
2柱状图所有数据为0时 y轴出现负数是咋回事呀
3 环形图的指示线如何去除
4 环形图的图例位置如何修改,比如想一列放在左侧
5 环状图以及其他图表的点击(或者触摸)的时动画效果如何设置

(注: 配置项有介绍以上问题希望大大也帮忙解答下,看了配置项并且自己尝试未解决才提问的)

2019-04-16 15:48 负责人:无分享

4 个回复

秋云

你的问题好多啊，哈哈，我逐一解答一下：
1 柱状图的柱条的颜色如何自定义？
答：在数据里的series:[{ name: '分类1', data:[1,2,3,4,5] , color:'#1890ff'}]加入color即可自定义
2柱状图所有数据为0时 y轴出现负数是咋回事呀？
答：这个真没注意到，应该是计算Y轴轴距的时候，自动计算出的最小值，可以通过指定Y轴最小值解决opts.yAxis.minY轴起始值
3 环形图的指示线如何去除？
答：opts.dataLabel设置为false即可
4 环形图的图例位置如何修改,比如想一列放在左侧？
答：图例只能放在下面，如有能力，可以自己修改源码解决
5 环状图以及其他图表的点击(或者触摸)的时动画效果如何设置
答：目前只支持折线图，区域图的点击Tooltip事件，其他图表不支持，当然你也可以修改源码来实现ToolTip事件。因为是基于wx-charts图表改造的，所以大部分都是基于这个图表原来的结构。目前也正在改善，如不能满足您的需求，只能更换使用Echarts或F2图表，但就得牺牲跨多端或代码更复杂。