rnjs-charts
v0.0.2
Published
基于 qiun-data-charts 的组件模式自定义(for uniapp)
Downloads
3
Readme
rnjs-charts
uniapp 之 qiun-data-charts 自定义
目录及转存说明(UCharts 官方参考)
https://www.ucharts.cn/v2/#/
- 1、请将static目录下文件复制到根目录的static文件夹下
- 2、qiun-title-bar文件夹可删除
- 3、test-charts文件夹可删除
- 4、uni-datetime-picker文件夹可删除
- 5、其他的都不要动,直接原样复制到您项目中的components目录
修改内容(v2.5.0-20230101)
组件目录
@/components/ => ./
修改自定义组件名 qiun-data-charts => rui-charts
export default {
name: 'rui-charts',
加载状态
<!-- 自定义加载状态,请改这里 -->
<slot name="loading">
<u-loading-icon mode="circle" timing-function="linear"></u-loading-icon>
</slot>
加载状态
<!-- 自定义错误提示,请改这里 -->
<slot name="error">
<view style="color: gray">{{ mixinDatacomErrorMessage }}</view>
</slot>
属性:canvas2d, 默认改成 true, 解决小程序真机层级问题
canvas2d: {
type: Boolean,
default: false
},
优化 devtools 中的层级问题
// #ifdef MP-WEIXIN
this.inWx = true;
if (this.canvas2d === false || systemInfo.platform === 'windows' || systemInfo.platform === 'macos' || systemInfo.platform === "devtools") {
this.type2d = false;
}else{
this.type2d = true;
this.pixel = systemInfo.pixelRatio;
}
// #endif