Echarts学习

官网解释:http://echarts.baidu.com/option.html#title

文档:http://echarts.baidu.com/echarts2/doc/doc.html#%E7%AE%80%E4%BB%8B

常用到:

饼图:position: 'outside'时,就是2条线,length只能定义里面线的长度。

          label 中的formatter好像执行了两遍?再点击触发变成4遍?再回到初始2遍。(油你掌控,电商平台)

          关于饼图图例过多,超出边界,实在没有什么好办法,只好把最小角度变成20,初始角度变成30,如果数据更多,建议换图。

                        有人说把一些项目合并在一起,觉得有时客户不会愿意,所以,想别的办法吧。

                        grid是直角坐标系能用的,饼图不可以。

                        有建议用Highcharts 待尝试。

柱图:X轴下标间隔显示

           xAxis: {
              axisLabel: {
                   show: true,
                   interval: 'auto',  

条形图:当坐标文字太多,显示不全时,通过调整grid的left大小可以显示全。

堆叠图:

y轴与缩放功能冲突问题

当有缩放功能时,设置了dataZoom,或者 toolbox.feature.dataZoom,这样Y轴不能自动计算堆叠的最大值。

如果只设置了 toolbox.feature.dataZoom ,就设置yAxisIndex: "false"

如果设置了dataZoom,把其中带yAxisIndex的属性删除。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECharts是一个开源的数据可视化工具,可以用于在PC端和移动设备上创建交互式的数据图表。如果你想学习ECharts,以下是一个学习路线图供参考: 1. 官方文档:首先,你可以阅读ECharts的官方文档,文档地址为https://echarts.apache.org/zh/option.html。官方文档提供了详细的API说明和示例,可以帮助你了解ECharts的基本概念和用法。 2. 示例代码:通过查看和实践一些示例代码,你可以更好地理解ECharts的用法。在官方文档中,有很多示例代码可以参考,你可以根据自己的需求选择合适的示例进行学习。 3. 官方教程:ECharts官方网站提供了一些教程,可以帮助你更深入地了解如何使用ECharts创建各种类型的图表。你可以在官网的教程部分找到这些教程。 4. 外部教程:除了官方文档和教程之外,还有一些外部教程可以帮助你学习ECharts。例如,W3Cschool提供了ECharts的教程,可以帮助你快速上手ECharts。你可以在W3Cschool的网站上找到这些教程。 5. 社区支持:如果在学习过程中遇到问题,你可以加入ECharts的官方社区或者其他相关的技术论坛,与其他用户交流并寻求帮助。在社区中,你可以了解到其他人的经验和分享,对于学习和解决问题都会有帮助。 总之,通过阅读官方文档、实践示例代码、参考教程并与社区互动,你可以逐步掌握ECharts的基本概念和用法,进而创建出自己想要的数据可视化图表。祝你学习顺利!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [教你从零开始画echarts地图](https://blog.csdn.net/m0_67401660/article/details/126081326)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [ECharts学习路线图](https://blog.csdn.net/The_Time_Runner/article/details/103138016)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值