
Echarts
吴迪98
喜欢敲代码的吴小迪~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
highcharts.css文件的样式覆盖了options的series里面的color问题解决
根据第一个方案去解决非常简单,我们创建一个 highcharts.override.css文件。PS:有没见过 revert-layer 属性值的同学请不要诧异,其实我也是偶然发现的。原创 2024-01-24 15:29:16 · 730 阅读 · 0 评论 -
Echarts使用问题--Y轴字体过大导致图的部分拥挤
笔者近期会出一系列的Echarts的使用问题以及解决办法,会单独弄一个分类,这是第一篇。如果有什么笔者还没写出来的问题请指出,笔者会尽快更新博客。 今天要解决的是Y轴字体过大导致图的部分拥挤的问题。 Y轴字体过大导致图的部分拥挤的样式: 解决方法: 我们只需要设置Y轴label文字的字体大小即可: options: { yAxis: [ { axisLabel: { ...原创 2020-03-09 19:18:54 · 20935 阅读 · 0 评论 -
Echarts使用问题--Y轴文字被遮住的解决办法
笔者近期会出一系列的Echarts的使用问题以及解决办法,会单独弄一个分类,这是第一篇。如果有什么笔者还没写出来的问题请指出,笔者会尽快更新博客。 今天要解决的是Y轴文字被遮住的问题。 被遮住的样式: 这种情况肯定不是我们所能接收的。接下来是解决办法: 使用grid的left与right解决: options: { grid: { left: '1%', right: '1%', ...原创 2020-03-09 17:56:00 · 25656 阅读 · 6 评论 -
ECharts的resize失效原因以及使用方法
很多朋友在开发的过程中要把ECharts图标做成自适应浏览器宽高的效果。于是去翻看ECharts官网发现了resize方法,结果用了之后发现没用,而且根本不知道什么原因。 解决办法: 笔者在调试了好久之后发现,不能给ECharts的容器设置固定的宽高。 宽度要写百分比 高度要写vh 然后再搭配resize方法才可以实现根据浏览器大小而改变大小的功能 示例代码: let ECharts = echa...原创 2019-07-18 21:36:38 · 63453 阅读 · 24 评论 -
Echarts的legend使用介绍
当我们在实际的业务开发的时候使用这些Echarts,G2等等的库肯定不是把官网上简单的demo复制过来就能解决的了的。除非你们公司没有UI设计,页面全由前端同学自己说了算。那么请你当我没说。 接下来我们看一下legend可以配置哪些参数【强烈建议你一边看笔者下面的代码一边去Echars的demo里去试试,或者自己弄个demo程序引入echarts试试】: legend: { orient: 可能...原创 2020-03-07 18:35:43 · 22446 阅读 · 0 评论