Echarts单轴坐标系散点图

单轴坐标系散点图

javascript 复制代码
option = {
  tooltip:{},
  singleAxis:[
    {
      type:'category',
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
      bottom:'55%'
    },
    {
      type:'category',
      data: ['一', '二', '三', '四', '五', '六', '日'],
      top:'55%'
    },    
  ],
  series: [
    {
      type: 'scatter',
      coordinateSystem:'singleAxis',
      singleAxisIndex:0,
      data: [
        10,
        10,
        30,
        40,
        10,
        20,
        100
      ],
      label:{
        //formatter:'{b}\n{d}%'
      }
    },
    {
      type: 'scatter',
      coordinateSystem:'singleAxis',
      singleAxisIndex:1,
      data: [
        10,
        10,
        30,
        40,
        10,
        20,
        100
      ],
      label:{
        //formatter:'{b}\n{d}%'
      }
    },
  ]
};

参数化Symbol大小

javascript 复制代码
option = {
  tooltip:{},
  singleAxis:[
    {
      type:'category',
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
      bottom:'55%'
    },
    {
      type:'category',
      data: ['一', '二', '三', '四', '五', '六', '日'],
      top:'55%'
    },    
  ],
  series: [
    {
      type: 'scatter',
      coordinateSystem:'singleAxis',
      singleAxisIndex:0,
      data: [
        10,
        10,
        30,
        40,
        10,
        20,
        100
      ],
      symbolSize:function(value){
        return value*2/2;
      },      
      label:{
        //formatter:'{b}\n{d}%'
      }
    },
    {
      type: 'scatter',
      coordinateSystem:'singleAxis',
      singleAxisIndex:1,
      data: [
        10,
        10,
        30,
        40,
        10,
        20,
        100
      ],
      symbolSize:function(value){
        return value*2/3;
      },
      label:{
        //formatter:'{b}\n{d}%'
      }
    },
  ]
};
相关推荐
不做无法实现的梦~3 小时前
jetson刷系统之后没有浏览器--解决办法
开发语言·javascript·ecmascript
德育处主任Pro3 小时前
前端玩转大模型,DeepSeek-R1 蒸馏 Llama 模型的 Bedrock 部署
前端·llama
Jedi Hongbin3 小时前
Three.js NodeMaterial 节点材质系统文档
前端·javascript·three.js·nodematerial
前端小马4 小时前
前后端Long类型ID精度丢失问题
java·前端·javascript·后端
用户1456775610374 小时前
干净的图片批量处理,处理速度飞快
前端
用户1456775610374 小时前
亲测好用!简单实用的图片尺寸调整工具
前端
索西引擎4 小时前
npm、yarn、pnpm
前端·npm·node.js
天生我材必有用_吴用5 小时前
Vue3 + VitePress 搭建组件库文档平台(结合 Element Plus 与 Arco Design Vue)—— 超详细图文教程
前端
liu****5 小时前
基于websocket的多用户网页五子棋(八)
服务器·前端·javascript·数据库·c++·websocket·个人开发