「echarts.js引用与常规美化」的摘要信息
说到图表，那么echarts肯定是耳熟能详的，就算一些成熟的图形化组件，里面或多或少也能看到echarts的影子，或者说是基于echarts做的二次封装。 在做框架类项目时，我们直接引入一些开源的成熟图表直接无脑调用即可，但是如果是一些定制化图表呢？毕竟，人家的图表组件样式和UI出的图表样式可不一定相同。这个时候，你就无法避免的通过引入echarts.js，乖乖的去看它的配置文档进行美化调试。几千个配置项啊！谁看的过来？你能吗？ 有时候你不逼自己一把怎么知道自己不行呢？ 图表用的比较多的就是环形图，扇形图，柱状。而我恰好业务需求中遇到了定制化的图表样式开发，索性不是很难，起码不是要求是五彩斑斓的黑，呈现效果如下： 如果遇到类似样式的可以参考，代码如下： echarts.html <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <title>ECharts 示例</title> <!-- 引入 ECharts 文件 --> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.2/echarts.min.js"></script> </head> <body style="display:flex;height: 100%; margin: 0"> <div id="pie" style="height: 400px;width:400px"></div> <div id="bar" style="height: 400px;width:400px"></div> <div id="pie2" style="height: 400px;width:400px"...