
大屏
浪潮行舟
眼界决定境界,格局决定结局。
舟至中流催帆竞,击楫勇进破浪行。
展开
-
CSS:html中,.png的动态图,怎么只让它显示部分,比如只显示右上部分的,或右边中间部分
通过上述三种方法,你可以灵活地控制.png动态图的显示部分。和:适用于将图像作为背景的情况,易于实现且兼容性好。clip-path:适用于需要创建复杂裁剪效果的情况,但可能不如其他方法那样广泛支持。object-fit和overflow:适用于直接使用标签的情况,提供了更多的灵活性和控制。无论选择哪种方法,都可以通过调整容器的尺寸、图像的位置和裁剪路径来实现你想要的效果。原创 2024-12-12 16:41:47 · 995 阅读 · 0 评论 -
ECharts系列:怎么设置折线图为梯形的线段
最近产品新设计了个驾驶舱,其中有个折线图需要显示为梯形的线段。原创 2024-10-25 17:45:48 · 349 阅读 · 0 评论 -
vue系列:使用vue3、ant-d,a-select下拉的搜索功能
projectFilterOption 匹配事件。大屏项目中,下拉数据过多,想使用下拉搜索功能;输入汉字,匹配对应的项目;a-select控件。原创 2024-03-18 14:53:51 · 1021 阅读 · 0 评论 -
echarts系列:x轴与y轴详细配置说明
最近在做大屏的时候使用了5.2版本的echarts,遇到很多的echarts图表,现将常用的x轴与y轴配置列出来。xAxis与yAxis中有很多配置项,下面我以xAxis进行详解,yAxis参考xAxis即可。上述xAxis与yAxis中的配置项,其中也会含有很多属性,具体使用请参考一下内容。splitArea :坐标轴在 grid 区域中的分隔区域,默认不显示。splitLine: 坐标轴在 grid 区域中的分隔线设置。axisLabel:坐标轴刻度标签的相关设置。原创 2024-03-08 14:21:04 · 8189 阅读 · 0 评论 -
ECharts系列:x轴数据过多时,间隔几个显示,怎么确保最后一个显示
在做一个水文大屏时遇到一个问题,EChart中多个折线图,显示区域小,x轴数据过多时,间隔几个显示,最后一项显示不出来。查阅了官方文档后,加了下面这行代码,显示最后一个标签。x轴第一个、间隔显示实现了,最后一个不显示。对显示的x轴名称又进行了优化,效果如下。原创 2024-03-08 10:22:34 · 2146 阅读 · 0 评论