随笔分类 -  Echarts

摘要:1.数据排序:(展示玫瑰状) data: [ { value: 100, name: 'Direct' }, { value: 300, name: 'Email' }, { value: 400, name: 'Union Ads' }, { value: 200, name: 'Video Ad 阅读全文
posted @ 2022-09-27 20:16 SimoonJia 阅读(20) 评论(0) 推荐(0) 编辑
摘要:geoselectchanged Event ACTION: geoToggleSelect geo 中地图区域切换选中状态的事件。 用户点击选中会触发该事件。 { type: 'geoselectchanged', // 系列 ID,可以在 option 中传入 seriesId: string, 阅读全文
posted @ 2022-08-23 18:48 SimoonJia 阅读(1862) 评论(0) 推荐(0) 编辑
摘要:geo.zoom geo: [ // 提供各省边框 { map: 'china', label: { show: false, }, itemStyle: { areaColor: 'rgb(255, 255, 255, 0)', borderWidth: 3, borderColor: '#A1E 阅读全文
posted @ 2022-08-08 17:04 SimoonJia 阅读(838) 评论(0) 推荐(0) 编辑
摘要:markLine:{ silent: true,//鼠标经过该线时不触发事件 data:[{ xAxis: 0 }], lineStyle:{ color: 'rgba(42,244,255,0.2)', width:0, }, label: {//标线的文本 show: false, }, sym 阅读全文
posted @ 2022-08-02 15:42 SimoonJia 阅读(179) 评论(0) 推荐(0) 编辑
摘要:axisLine: { symbol: ['rect', 'none'], symbolSize: [50, 4], symbolOffset: [0, -10], } 阅读全文
posted @ 2022-07-29 20:04 SimoonJia 阅读(30) 评论(0) 推荐(0) 编辑
摘要:。 。 这种连续的背景板需要自己写背景series echart只提供斑马线背景板 areaStyle 重点: 1.需要写两个y轴 2.需要多写一个series 并把data处设为[100,100,100,100,...] 3.需要为每个series都写上yAxisIndex或者xAxisIndex 阅读全文
posted @ 2022-07-29 17:55 SimoonJia 阅读(1165) 评论(0) 推荐(0) 编辑
摘要:富文本实现 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 阅读(127) 评论(0) 推荐(0) 编辑
摘要:xAxis/yAxis.inverse: true,反向坐标轴 xAxis. boundaryGap//坐标轴两边留白策略,开启后柱状图在刻度之间 阅读全文
posted @ 2022-07-29 13:25 SimoonJia 阅读(503) 评论(0) 推荐(0) 编辑
摘要:Max,Min 是xAxis的属性:可以设置坐标轴的最大最小值 showMinLabel,showMaxLabel是axisLabel的属性: 可以控制是否显示最大最小值的label hideOverlap (是否隐藏重叠的标签。) 阅读全文
posted @ 2022-07-29 11:54 SimoonJia 阅读(371) 评论(0) 推荐(0) 编辑
摘要:1.若想缺省某条数据的图例 把该数据的series设置为 ' ' (空) 则对应图例默认不会显示 series.name: '', 2.如果itemSymbol(拐点球)设置放在series,则图例不会自动跟随拐点球样式改变 series showSymbol: true, showAllSymbo 阅读全文
posted @ 2022-07-28 20:48 SimoonJia 阅读(35) 评论(0) 推荐(0) 编辑
摘要:containLabel: false, //grid 区域是否包含坐标轴的刻度标签。 阅读全文
posted @ 2022-07-28 20:14 SimoonJia 阅读(282) 评论(0) 推荐(0) 编辑
摘要:// splitArea: { // show: true, // areaStyle: { // color: ['rgba(56,128,255,0.14)', 'transparent'], // }, // }, 阅读全文
posted @ 2022-07-28 19:18 SimoonJia 阅读(492) 评论(0) 推荐(0) 编辑
摘要:把x轴的type设置为value, 把y轴的type设置为类目轴。 并在data处放入坐标数组 即可完成横向柱状图的描述 阅读全文
posted @ 2022-07-28 15:59 SimoonJia 阅读(857) 评论(0) 推荐(0) 编辑
摘要:graphic: { elements: [ { type: 'image', style: { image: centerBg, width: 74, height: 74, }, left: 'center', top: 'center', }, ], }, 阅读全文
posted @ 2022-07-26 19:37 SimoonJia 阅读(28) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示