自定义控件实现自定义图表原创
金蝶云社区-闫方亮
闫方亮
8人赞赏了该文章 1,314次浏览 未经作者许可,禁止转载编辑于2021年03月03日 15:03:38

实现:

   图表控件不支持,要实现的图形

   1、系列图根据值绘制

   2、系列图片绘制

   3、tip提示信息

   4、坐标轴绘制

   使用canvas和svg封装()


对自定义控件开发的开发步骤参考:https://dev.kingdee.com/index/study/detail/3e249130-937a-4bfd-b782-fbe788603a31

https://club.kdcloud.com/school/liveCourse/338

echart上的效果图

Image_20210303143521.png

index.js的部分代码

image.png

封装chart.js的部分代码

(1)x坐标轴

image.png

(2)y坐标轴

image.png

(3)系列坐标轴

image.png





本文章只是一个简单介绍,引出下篇文章领域控件封装

赞 8