随笔分类 - 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', }, ], },
阅读全文