统计图数据点位置压线还是居中设置方法

2807
0

3516853030 小试身手Lv3

发表于2020-9-2 16:04

楼主
本帖最后由 3516853030 于 2020-9-2 16:14 编辑

1、需求背景:
线状统计图折点相对于X轴的位置,系统内没有设置入口,可以通过修改自定义echarts统计图来达到目的。
需求效果区分:


2、实现步骤:
脚本接口:


脚本内容:
  1. var option = {
  2.     xAxis: {
  3.         type: 'category',
  4.     axisTick: {
  5.         alignWithLabel: true
  6.         },
  7.         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  8.     },
  9.     yAxis: {
  10.         type: 'value'
  11.     },
  12.     series: [{
  13.         data: [820, 932, 901, 934, 1290, 1330, 1320],
  14.         type: 'line'
  15.     }]
  16. };
  17. return option;
复制代码


解析:
  1. axisTick: {
  2.         alignWithLabel: true
  3.         },
复制代码
如上代码去掉的效果为居中效果(图3.1),加上的效果为压线效果(图3.2)

3、效果一览:
居中效果:

压线效果:





最近看过此主题的会员

wangbowen

ESENSOFT官方技术支持

2021112209

一一

wh_chj

廖安元

wxy

1505121235

bbs

13031607108

xxxl

yangqh

yangm

0个回答

只看楼主

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号