Echart 四象限图

公司今日要求四象限图，经过研究修改，样式如下：

const option = {title: [{text: '性格群体分析',subtext: '分析对象：XX区域',left: 'center',textStyle: {fontSize: 16,},},{text: '情绪通话量高，离散系数高',z: 1,textAlign: 'right',left: '95%',top: '5%',textStyle: {fontSize: 12,fontWeight: 'normal',color: '#000',},},{text: '情绪通话量高，离散系数低',z: 1,textAlign: 'center',left: '90%',top: '85%',textStyle: {fontSize: 14,fontWeight: 'normal',color: '#999',},}, {text: '情绪通话量低，离散系数低',z: 1,textAlign: 'center',left: '25%',top: '85%',textStyle: {fontSize: 14,fontWeight: 'normal',color: '#999',},}, {text: '情绪通话量低，离散系数高',z: 1,textAlign: 'center',left: '25%',top: '7%',textStyle: {fontSize: 14,fontWeight: 'normal',color: '#999',},},],grid: {top: '10%',left: '3%',right: '7%',bottom: '1%',containLabel: true,},tooltip: {showDelay: 0,formatter: (params) => {if (params.value.length > 1) {return `${params.seriesName}:<br/>${params.value[0]}cm${params.value[1]}kg`;}return false;},},legend: [{orient: 'horizontal',x: '89%',y: '7%',align: 'left',data: ['二'],textStyle: {fontSize: 14,},},{orient: 'horizontal',x: '94%',y: '7%',align: 'left',data: ['一'],textStyle: {fontSize: 14,},},{orient: 'horizontal',x: '89%',y: '10%',align: 'left',data: ['四'],textStyle: {fontSize: 14,},},{orient: 'horizontal',x: '94%',y: '10%',align: 'left',data: ['三'],textStyle: {fontSize: 14,},},],xAxis: [{type: 'value',name: '专注指数',scale: true,splitLine: {show: false,},data: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],}],yAxis: [{type: 'value',scale: true,name: '人数',splitLine: {show: false,},max: '1',}],series: [{name: '一',z: 3,type: 'scatter',symbolSize: 12,itemStyle: {normal: {color: '#EF535C',},},data: [[0.4, 0.65], [0.1, 0.59], [0.3, 0.63], [0.26, 0.790],],},{name: '二',z: 3,type: 'scatter',symbolSize: 12,itemStyle: {normal: {color: '#6FE12F',},},data: [[0.6, 0.8], [0.7, 0.66], [0.8, 0.54], [0.89, 0.9],],},{name: '三',type: 'scatter',data: [[0.3, 0.2], [0.4, 0.28]],itemStyle: {normal: {color: '#8B4DF6',},},},{name: '四',type: 'scatter',data: [[0.6, 0.3]],itemStyle: {normal: {color: '#05D6DE',},},},{name: 'wu',type: 'scatter',data: [[0.5, 0]],itemStyle: {normal: {color: '#999',},},markLine: {data: [{type: 'average',name: 'wu',valueIndex: 0,},],},},{name: 'six',type: 'scatter',data: [[0, 0.5]],itemStyle: {normal: {color: '#999',},},markLine: {data: [{type: 'average',name: 'six',},],label: {show: false,},},},],};

Echart 四象限图相关推荐

Excel图表—波士顿矩阵分析图（四象限图）
数据分析目录(文末有超级彩蛋!): 一.Excel系列--四大常用函数及十大高级图表二.SQL系列--性能优化/多表关联/窗口分析函数等三.统计学系列--概率论/置信区间/相关/抽样等四.Pan ...
echarts四象限图实现自定义均值
var sourceData = [{//均值线参数name: '王小虎',sales: 142.56,services: 64.5 }]var seriesData = sourceData.map ...
tableau制作四象限图、标靶图
1.四象限图:主要从两个维度,对经营或者项目做分析对比,找出金牛或者瘦狗型的经营单位. 需要至少两个维度: 之后对零值线.坐标线线型转化. 改进图: 2.标靶图主要体现目标.现实的差距. 可用列(点 ...
python 四象限图_【玩转图表10】动态四象限图--实现分区域策略分析
四象限图多用于战略.市场或产品分析中,它具有XY两个相关联的维度,同时利用分割线将若干元素分割成四个区域,每个区域代表一种状态,可以差异化管理.分割线可以是平均值.行业标准值或目标值. 四象限图一般用 ...
python 四象限图_使用matplotlib绘制四象限图
今天简单研究了一下在python中绘制四象限图的问题,结合前人相关研究成果,绘制出的图效果如下: 绘制这种图的要点是:自己构造新的x轴和y轴,不要用散点图默认的横纵坐标系,并且不要显示原来的横纵坐标系 ...
echarts实现四象限图
使用echarts实现双向柱状图,效果如下: 代码可以到使用echarts实现四象限散点图-Javascript文档类资源-CSDN下载进行下载,下载下来可以直接双击html使用
Excel制作散点图，四象限图，设置标签
先看结果: 是不是想要这样的效果,Excel完全阔以.看下面步骤: 1.制作基础散点图选择目标数据区域,点击[插入]->[散点图]第一个图形.此时做出了基础的散点图: 2.调整轴位置,或者叫轴 ...
ECharts3 实现四象限图
可在ECharts3实例中的代码框中粘贴直接查看效果 option = { title : { text: '男性女性身高体重分布', subtext: '抽样调查来自: Heinz 2003' }, ...
四象限运行模式_信息流广告推广怎么选择正确的出价模式？
5分钟教你如何选择信息流广告的正确出价模式广告主投放信息流广告的时候总是纠结自己的产品应该选择哪种出价扣费模式,今天我们就来介绍下各个模式的出价扣费情况,广告主该如何选择合适的出价扣费模式. 一.了 ...
Excel高级图表之四象限图制作
今天来分享下四象限图,之前几天一个函数教程会员问过我,那时我凭印象和她说了下,先做个四个一样的正方形,然后拼成一个四色的正方形.然后在画图里保存为图,接着放到你做好的散点图里.大体就是这个意思. 今天 ...

Echart 四象限图

Echart 四象限图相关推荐

最新文章

热门文章