SimoonJia - 博客园

2022年7月29日

摘要：富文本实现 axisLabel: { formatter: function (value) { console.log(value); return '{a| },{b|' + value + '}'; }, margin: 0, rich: { a: { height: 74.6, width: 阅读全文

posted @ 2022-07-29 14:55 SimoonJia 阅读(147) 评论(0) 推荐(0)

Echart xAxis/yAxis常用属性

摘要： xAxis/yAxis.inverse: true,反向坐标轴 xAxis. boundaryGap//坐标轴两边留白策略,开启后柱状图在刻度之间阅读全文

posted @ 2022-07-29 13:25 SimoonJia 阅读(545) 评论(0) 推荐(0)

Max,Min与showMinLabel,showMaxLabel连用

摘要： Max，Min 是xAxis的属性：可以设置坐标轴的最大最小值 showMinLabel,showMaxLabel是axisLabel的属性：可以控制是否显示最大最小值的label hideOverlap （是否隐藏重叠的标签。）阅读全文

posted @ 2022-07-29 11:54 SimoonJia 阅读(409) 评论(0) 推荐(0)

2022年7月28日

Echart图例相关知识

摘要： 1.若想缺省某条数据的图例把该数据的series设置为 ' ' (空) 则对应图例默认不会显示 series.name: '', 2.如果itemSymbol（拐点球）设置放在series，则图例不会自动跟随拐点球样式改变 series showSymbol: true, showAllSymbo 阅读全文

posted @ 2022-07-28 20:48 SimoonJia 阅读(86) 评论(0) 推荐(0)

Echart-Grid相关配置项

摘要： containLabel: false, //grid 区域是否包含坐标轴的刻度标签。阅读全文

posted @ 2022-07-28 20:14 SimoonJia 阅读(306) 评论(0) 推荐(0)

Echart斑马线

摘要： // splitArea: { // show: true, // areaStyle: { // color: ['rgba(56,128,255,0.14)', 'transparent'], // }, // }, 阅读全文

posted @ 2022-07-28 19:18 SimoonJia 阅读(536) 评论(0) 推荐(0)

Echart横向柱状图

摘要：把x轴的type设置为value，把y轴的type设置为类目轴。并在data处放入坐标数组即可完成横向柱状图的描述阅读全文

posted @ 2022-07-28 15:59 SimoonJia 阅读(873) 评论(0) 推荐(0)

数组内容按照首字母排序

摘要： let as = ['s','d'] as.sort((a,b)=>a>b?0:-1)// ['d', 's'] 阅读全文

posted @ 2022-07-28 11:31 SimoonJia 阅读(42) 评论(0) 推荐(0)

2022年7月27日

jsx 语法三原表达式写行内类名、行内样式

摘要： className={`titleBox ${index == 2 ? 'leftFloat' : ''}`} <div className={text < 50 ? 'redText' : 'greenText'}>{text}%</div> <span className="lineColor" 阅读全文

posted @ 2022-07-27 12:57 SimoonJia 阅读(299) 评论(0) 推荐(0)

2022年7月26日

环形图中心位置放置图片

摘要： graphic: { elements: [ { type: 'image', style: { image: centerBg, width: 74, height: 74, }, left: 'center', top: 'center', }, ], }, 阅读全文

posted @ 2022-07-26 19:37 SimoonJia 阅读(55) 评论(0) 推荐(0)

Simoon

公告