首页 > TAG信息列表 > ucharts

ucharts的区域图、折线图（有x轴的），修改x轴显示为隔一个显示

1、原本的显示方式：    2、想要的效果：    3、这边我使用的是uchart的组件，在uni_modules > qiun-data-charts > js_sdk > u-charts，找到config-ucharts.js文件    4、ctrl+f，搜索“formatter”，根据自己需要添加代码，可以判断index索引，来自定义显示的位置等。    5、在opts.

ucharts 柱状图y轴显示按小数分隔

先在new uCharts({})里配置yAxis ，format 如图所示：（ps这里的max是自定义的，可以在年月日切换的时候按照后台返回数据的最大值来搞）        

uniapp使用ucharts图表数据百分比显示

ucharts的过滤方式为format,formatter，具体使用请看https://demo.ucharts.cn/#/ chartData.series数据属性小程序中使用format，但是不支持传递function函数，可以传递字符串，所以需要我们手动去修改找到uni_modules/qiun-data-charts/js-sdk/u-charts/config-ucharts增加formatter

ucharts 柱状图dataLabel字体大小在 series的textSize 里

官方文档： https://demo.ucharts.cn/#/   点在线生成工具 左侧下方，如图：   使用 （注意：dataLabel：true时才生效）  

ucharts图表遮挡页面其他元素（设置uchart图表的权重级别）以及不显示的问题

bug如图    决绝方案：    只需要在组件上设置canvas2d 和 Id值就可以了   修复效果图  

ucharts使用内容

教程 https://www.bookstack.cn/read/ucharts/ed9cb2b78f4d6c47.md 在页面中进行使用，数据量较多 <template> <view class="qiun-columns"> <!-- 选择时间 --> <view class="choiceBox"> <view class="choice_left_Box&quo