uniapp-秋云图表 ucharts echarts 对比与关系

科普:

秋云图表库,包含二种配置属性对应二种js配置文件。

  • 一种是 :echarts.js,
  • 一种是 : ucharts。

二者的配置属性不一样!

 ucharts和echarts对比

ucharts和echarts都是用于数据可视化的开源JavaScript库,它们有一些相似之处,也有一些不同之处。

相似之处:

  • 都支持多种图表类型和交互式操作。
  • 都能够使用简单、易懂的API来生成图表。
  • 都具有良好的文档和社区支持。

不同之处:

  • ucharts是面向移动端的数据可视化库,具有更轻量、更快速的特点,适合于移动设备上的数据可视化;而echarts则更适合于PC端和大屏幕的数据可视化。
  • ucharts依赖于canvas绘制图表,echarts则利用SVG技术绘制图表,因此echarts的图表在视觉效果上更加细致、清晰,而ucharts则更加流畅。
  • ucharts整体风格较为简单,echarts在视觉设计上更加花哨。

qiun-data-charts 配置echarts

增加: 主要是 eopts 配置

background="none" :eopts="eopts" />
 

eopts: {
                    color: ["#3287f7", "#ffb87c", "#7cdeb9", "#f26f84", "#6fccf0", "#a16af0"],
                    legend: {
                    show: false
                     }
                 },
                 chartDataPie: {
                     "series": [{
                    'type': 'pie',
                        radius: '55%',
                        label: {
                        normal: {
                            formatter: "{b}:\n{c}\n{d}%", //百分比之后换行显示文字
                                color: '#555'
                            },
                            color: '#555'
                        },
                        data: [{"name":"一班","value":50},{"name":"二班","value":30},{"name":"三班","value":20},{"name":"四班","value":18},{"name":"五班","value":8}]
                     }]
                },

qiun-data-charts 配置echarts

增加: 主要是 opts 配置





uniapp-秋云图表 ucharts echarts 对比与关系_第1张图片

将前面的epots改成opts即可。Easy.

你可能感兴趣的:(uni-app,java,数据库)