随笔分类 - Echarts
摘要：1.数据排序：（展示玫瑰状） data: [ { value: 100, name: 'Direct' }, { value: 300, name: 'Email' }, { value: 400, name: 'Union Ads' }, { value: 200, name: 'Video Ad
阅读全文
摘要：geoselectchanged Event ACTION: geoToggleSelect geo 中地图区域切换选中状态的事件。 用户点击选中会触发该事件。 { type: 'geoselectchanged', // 系列 ID，可以在 option 中传入 seriesId: string,
阅读全文
摘要：geo.zoom geo: [ // 提供各省边框 { map: 'china', label: { show: false, }, itemStyle: { areaColor: 'rgb(255, 255, 255, 0)', borderWidth: 3, borderColor: '#A1E
阅读全文
摘要：markLine:{ silent: true,//鼠标经过该线时不触发事件 data:[{ xAxis: 0 }], lineStyle:{ color: 'rgba(42,244,255,0.2)', width:0, }, label: {//标线的文本 show: false, }, sym
阅读全文
摘要：axisLine: { symbol: ['rect', 'none'], symbolSize: [50, 4], symbolOffset: [0, -10], }
阅读全文
摘要：。 。 这种连续的背景板需要自己写背景series echart只提供斑马线背景板 areaStyle 重点： 1.需要写两个y轴 2.需要多写一个series 并把data处设为[100,100,100,100,...] 3.需要为每个series都写上yAxisIndex或者xAxisIndex
阅读全文
摘要：富文本实现 axisLabel: { formatter: function (value) { console.log(value); return '{a| },{b|' + value + '}'; }, margin: 0, rich: { a: { height: 74.6, width:
阅读全文
摘要：xAxis/yAxis.inverse: true,反向坐标轴 xAxis. boundaryGap//坐标轴两边留白策略,开启后柱状图在刻度之间
阅读全文
摘要：Max，Min 是xAxis的属性：可以设置坐标轴的最大最小值 showMinLabel,showMaxLabel是axisLabel的属性： 可以控制是否显示最大最小值的label hideOverlap （是否隐藏重叠的标签。）
阅读全文
摘要：1.若想缺省某条数据的图例 把该数据的series设置为 ' ' (空) 则对应图例默认不会显示 series.name: '', 2.如果itemSymbol（拐点球）设置放在series，则图例不会自动跟随拐点球样式改变 series showSymbol: true, showAllSymbo
阅读全文
摘要：containLabel: false, //grid 区域是否包含坐标轴的刻度标签。
阅读全文
摘要：// splitArea: { // show: true, // areaStyle: { // color: ['rgba(56,128,255,0.14)', 'transparent'], // }, // },
阅读全文
摘要：把x轴的type设置为value， 把y轴的type设置为类目轴。 并在data处放入坐标数组 即可完成横向柱状图的描述
阅读全文
摘要：graphic: { elements: [ { type: 'image', style: { image: centerBg, width: 74, height: 74, }, left: 'center', top: 'center', }, ], },
阅读全文
摘要：如果用bar做进度条的话： series.roundCap: true. 是否在环形柱条两侧使用圆弧效果。 仅对极坐标系柱状图有效。 用pie做进度条的话： borderRadius: 10
阅读全文
摘要：colorStops: [ { offset: 0, color: 'rgba(0, 222, 255,1)', // 0% 处的颜色 }, { offset: 0.01, color: 'rgba(0, 222, 255,1)', // 0% 处的颜色 }, { offset: 0.02, col
阅读全文
摘要：尝试使用useEffect 赋值，页面即是多渲染一次，但是可以达到想要的效果 useEffect(() => { setActive(Obnames[0]); }, [Obnames]);
阅读全文
摘要：1.自定义拐点： showSymbol: false, symbolSize: 26, symbol: 'circle', //可以写官方文档里磨人的 也可以写自定义图片， 如果自定义图片失效 请查看 html5分类 图片失效文章 //拐点球配置 itemStyle: { normal: { col
阅读全文
摘要：icon:"image://${img}" 用image：//${img} 的方式告诉浏览器这是图片，方便解析避免出现解析不了 或者解析错误的问题 data:[{name:dataList[0].name,icon:`image://${symbol[0]}`}, {name:dataList[1]
阅读全文
摘要：y轴与坐标轴线对齐： boundaryGap: false, 刻度线是否显示： axisTick: { show: false }, 区域渐变： colorStops: [ { offset: 0, color: color[index][1], // 0% 处的颜色 }, { offset: 1,
阅读全文
浙公网安备 33010602011771号