echarts折线图legend数据多
taotaoit 其他 2024-12-30 455 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

8008489 2682 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (260)
Mysql (59)
DedeCms (33)
jQuery (74)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

echarts折线图legend数据太多了,都压住下面的数据了

from clipboard

解决方法

方法1:如果ECharts折线图的legend(图例)数据过多,可以使用ECharts提供的图例组件的formatter属性来实现缩略显示。

option = {
    legend: {
        data: ['系列1', '系列2', '系列3', ..., '系列N'], // 假设有N个系列
        formatter: function (name) {
            // 如果名称超过5个字,则缩略中间两个字
            if (name.length > 5) {
                return name.substring(0, 2) + '...' + name.substring(name.length - 2);
            } else {
                return name;
            }
        }
    },
    // ... 其他配置项
};
效果:文字超过5个字,会隐藏中间的字

from clipboard

方法2:

如果图例项真的太多,还可以考虑使用图例的分页功能,通过type属性设置为'scroll'来实现。

option = {
    legend: {
        type: 'scroll',
        // 其他配置...
    },
    // ... 其他配置项
};
效果:

from clipboard

版权声明:本站原创文章,允许自由转载。

相关推荐
Uncaught (in promise) 的解决方法,可能原因
其他 | 2022-06-25 1083513
Uncaught (in promise) 的解决方法,可能原因;仅仅只是一种参考原因 我是因为copy的项目直接修改的,结果一直报错 Uncaught (in promise),检查发现接口请求数据已经正常返回,后来经过排查发现是在拦截器里面别人的判断是response.data.status !== 1 就算请求失败,从而Promi...
钉钉怎样设置快捷键?钉钉系统设置在哪
其他 | 2019-03-20 23224
钉钉怎样设置快捷键? 1,打开电脑端钉钉面板,点击右上角自己的头像,下拉菜单中点击系统设置 2,进入系统设置面板,下拉滚动条,找到快捷键设置
评论:0条
评论加载中...
发表评论