
数据可视化
数据可视化相关
ToBeOrNotToBe_Up
总要干点啥吧
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ant Design Table组件 控制表头的显示与隐藏
需求:当切换时间纬度的时候,表格需要增加某字段。即当统计纬度为时间A时,需要增加X字段,统计纬度为时间B的时候,不需要X字段思路:根据时间纬度的状态,控制X字段的显示隐藏,从而增强Table组件的可复用性//我们需求的那个字段columns{ title: '字段X', dataIndex: 'xCode', key: 'xCode', filterType: props....原创 2020-03-13 00:28:19 · 12234 阅读 · 0 评论 -
如何在前端项目中使用iconfont?
iconfont:https://www.iconfont.cn/(1)将下载的文件夹引入至项目中(2)全局引用iconfont.css文件(3)创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名<i className={cx('iconfont',Ratio >= 0 ? 'icon-shangsheng':'...原创 2020-03-02 20:35:51 · 484 阅读 · 0 评论 -
overwrite重写Ant-Design Pagination组件样式
效果图如下图所示code:global(.anticon) { color: white; font-size: 1rem;}:global(.ant-pagination-item) { background-color: transparent !important; border: 0px solid transparent !important...原创 2020-02-26 21:39:14 · 1184 阅读 · 0 评论 -
Echarts 2.0 Map hover独立显示每组数据
需求效果如下图所示tooltip: { trigger: 'item', backgroundColor: '#fff', // 修改背景颜色 textStyle: { color: '#000' // 修改文本的字体颜色 }, formatter: fun...原创 2020-02-23 23:34:17 · 405 阅读 · 0 评论 -
leaflet地图自定义白色虚线
需求:使用白色虚线描绘省际边界//js部分const polyline2 = L.polyline(latlngs, {weight: 6, className: 'dashLines', opacity: 0.5}) .addTo(leafletMap);leafletMap.fitBounds(polyline2.getBounds());//css部分/*stroke-d...原创 2020-02-19 23:21:34 · 3373 阅读 · 2 评论 -
自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!)
需求:自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!)//series.labelnormal:{ formatter: function(params){ if (params.value > 0) { return params.value; }else { return ''; } }}...原创 2018-12-07 10:57:55 · 5371 阅读 · 1 评论