uCharts-基础细节配置。


2021-08-03 09:53:00

基本的属性配置(在标签上配置的)
常用:

图表类型: type,   常用:柱状图,饼状图,折线图,条状图,圆环图,环状进度条等。还有其他种种。(无web端echarts的3d图和更炫丽的图,但也够基本开发使用)。

图表加载过程中的样式设置:loadingType。常用值:0(不显示加载样式) 1-5(5种不同样式)其中有以下5种:

 

 

 

h5端,使用eCharts渲染图表:echartsH5,默认为false。若改为true,则uCharts的配置方式不适用。例(绑定的opts对象配置改为epots对象配置,其中的属性也从参考uCharts文档转变为参考eCharts官方文档。) eCharts有外拖动,但拖动时会报错。uCHarts自带内拖动,更加方便且成熟。

app端,使用eCharts渲染图表: echartsApp,默认为false.解释与上同。

背景色:background

 

 图表渲染的那一秒,是直接呈现在页面还是以动画的形式呈现: animation。 默认为true。

图表区域,数据点上方数据文案是否显示:dataLabel 默认为true

 

 

 数据点是否显示:dataPointShape 默认为true

  

数据点显示类型:dataPointShapeType 默认实心

 

 

 

不常用:

图表元素是否在scroll-view标签: inScrollView 默认false。

手在图表上上下滑动是否会引起页面滚动:disableScroll 。

canvas2d模式,解决微信小程序层级过高问题。canvasId,canvas2d.

图例点击交互事件:  tapLegent ,默认true

源码/epots触发,非标签属性触发。

图标渲染的动画持续时间: duration  但是设置无效。

主题颜色:color,一个数组,图例的颜色会根据它顺序展示。但是无效。源码在:

 

 画布填充边距:padding,数组[上,右,下,左]

全局字体大小:fontSize

全局字体颜色:fontColor

横屏模式:rotate,默认为false

错误图标显示:errorShow ,功能未知。不知道如何触发

错误图标点击重新加载:errorReload,默认为true

自定义错误信息:errorMessage

开启图表可拖拽功能。enalbeScroll。(需在x轴配置时,配置属性itemCount(Number))

 

图表拖拽-性能优化-每秒重新渲染帧数。 touchMoveLimit。  降低则减少卡顿。

标记线配置:enableMarkLine,功效未知。

提示窗:tooltip.  未知效果。

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM