SimoonJia - 博客园

2022年7月29日

摘要：。。这种连续的背景板需要自己写背景series echart只提供斑马线背景板 areaStyle 重点： 1.需要写两个y轴 2.需要多写一个series 并把data处设为[100,100,100,100,...] 3.需要为每个series都写上yAxisIndex或者xAxisIndex 阅读全文

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

rich富文本模式写label

摘要：富文本实现 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 阅读(144) 评论(0) 推荐(0)

Echart xAxis/yAxis常用属性

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

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

Max,Min与showMinLabel,showMaxLabel连用

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

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

2022年7月28日

Echart图例相关知识

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

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

Echart-Grid相关配置项

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

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

Echart斑马线

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

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

Echart横向柱状图

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

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

数组内容按照首字母排序

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

posted @ 2022-07-28 11:31 SimoonJia 阅读(38) 评论(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 阅读(290) 评论(0) 推荐(0)

Simoon

公告