上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页

2020年1月1日

ant design pro 实战 : 使用 ztree

摘要: 应当指出,antd 是有 ztree 组件的,但是太简单,无法满足复杂的业务需求。 所以我还是决定使用zTree. 注意这个 jquery-vendor.js。它是让 zTree 可以正常工作的代码。因为 zTree 并没有考虑到 node 环境的问题——它假定 jQuery 一定在 window 阅读全文

posted @ 2020-01-01 20:59 fox_charon 阅读(914) 评论(0) 推荐(0) 编辑

2019年11月29日

echarts 实战 : 怎么写出和自动生成的一样的 tooltip ?

摘要: 找到答案很麻烦,但答案本身很简单。 假设 需要给 echarts 的数据是 option。 params 是数组和对象暂时还不确定,如果是一个key 对应多个数据,那肯定是数组。 阅读全文

posted @ 2019-11-29 11:51 fox_charon 阅读(227) 评论(0) 推荐(0) 编辑

2019年11月26日

react实战 : react 与 canvas

摘要: 有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个正六边形组件,而这个用 SVG 和 canvas 都可以。我选择 canvas。 所以就变成了在 react 中使用 canvas 的问题。 canvas 和 SVG 有一个很大的不同。 SVG 是标签,所以HTML怎么整,S 阅读全文

posted @ 2019-11-26 16:35 fox_charon 阅读(4082) 评论(0) 推荐(0) 编辑

react实战 : react 与 svg

摘要: 有一个需求是这样的。 一个组件里若干个区块。区块数量不定。 区块里面是一个波浪效果组件,而这个一般用 SVG 做。 所以就变成了在 react 中使用 SVG 的问题。 首先是波浪效果需要的样式。 引入样式,以及组件文件的结构。 一个组件文件里可能有很多层组件,只需要输出最外面的一层。 SVG 组件 阅读全文

posted @ 2019-11-26 10:22 fox_charon 阅读(1576) 评论(0) 推荐(0) 编辑

2019年11月24日

echarts 踩坑 : 为什么效果出不来?看看有没有正确引入

摘要: 今天我要给 echarts 组件加个 dataZoom 功能,结果发现没有效果。 后来发现是引入 echarts 模块的问题。 如果是按需引入的话,必须引入相应的功能模块才能使用相应的功能。 举例: 我没有引入 dataZoom ,所以不能使用。 这样就可以了。 阅读全文

posted @ 2019-11-24 18:26 fox_charon 阅读(3181) 评论(0) 推荐(0) 编辑

2019年11月19日

react实战 : 用矩阵思想做一个自适应布局容器组件

摘要: 需求是这样的。 有一个需要显示若干方块型元素的小区域 数量比较少的时候显示一排 数量比较多的时候显示两排 用 grid 不好,因为当数量为奇数的时候需要两排里面的元素都乖乖的居中显示。 用 flex 的话,直接写需要写很多判断,因为行数不同的时候页面结构也会不同。 所以,我想到用二维数组(矩阵)来表 阅读全文

posted @ 2019-11-19 22:43 fox_charon 阅读(720) 评论(0) 推荐(0) 编辑

2019年11月18日

echarts 踩坑 : 为什么触摸柱状图的时后柱子不见了?原来是color的锅!

摘要: 今天发现一个奇怪的问题。 当我的鼠标触摸柱状图的时候,柱状图就消失了。 后来发现是颜色的设置有问题。 这样写是不规范的。 rgba 应该显式声明透明度值。 然后就好了。 以上。 阅读全文

posted @ 2019-11-18 13:55 fox_charon 阅读(1498) 评论(0) 推荐(0) 编辑

2019年11月17日

echarts 实战 : 图表竖着或横着是怎样判定的?

摘要: 这个问题比较简单。 echarts 的图表默认是竖着的。 只要 xAxis 和 yAxis 互换,竖着的图就变成了横着的图了。 所以我们可以可以写一个xy轴互换的方法。 然后使用一下就 OK。 以上。 阅读全文

posted @ 2019-11-17 10:28 fox_charon 阅读(2371) 评论(0) 推荐(1) 编辑

echarts 实战 : 怎么处理特殊的图表数字 label ?

摘要: 所谓Label,就是在图表上面显示的那个数字。 但有的时候我们需要柱状图堆叠。 那如果我们需要所有数字都在外面,并且以 320/210/310/410/1320 这样的形式显示呢? 那么 echarts 本身提供的属性就没有办法了。 我们就需要自己写方法算一下。 然后在渲染时调用这个方法。 因为这个 阅读全文

posted @ 2019-11-17 10:23 fox_charon 阅读(877) 评论(0) 推荐(0) 编辑

echarts 实战 : 恼人的间隔问题

摘要: 使用 echarts 的时候,可能我们需要这个图表的间隔是固定的。比如 3个 4个 5个。 (注意计算间隔数量的时候是不算 x轴 本身的。) 这个问题看似简单,其实有点麻烦。 但其实这个设置可能并不管用。 因为 echarts 会根据你喂给她的数据自动判断应该有几个刻度,很多时候,你设置了3个,她却 阅读全文

posted @ 2019-11-17 09:54 fox_charon 阅读(7353) 评论(0) 推荐(1) 编辑

上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页

导航