intouch负值显示0_antv G2 图标,怎么控制Y轴的0轴,又怎么将负数显示在X轴下方?...

在AntV G2 3.X版本的折线图中,遇到无法调整Y轴0轴位置及负值显示在X轴下方的问题。尝试了修改chart.scale配置及新建view设置min、max属性,但未成功。示例代码展示了数据源和图表配置,期待解决Y轴0值原点设置及负数显示在X轴下方的方法。
摘要由CSDN通过智能技术生成

问题描述

AntV G2 3.X版本 折线图,无法控制Y轴的0轴位置,也无法让负值显示在X轴下方

问题出现的环境背景及自己尝试过哪些方法

1.修改chart.scale(option)配置里的Y轴min,max,range属性等都无法处理

2.创建新的view(option),并尝试修改view中配置的min,max也无法处理

相关代码import React, { useEffect } from 'react';

import { Chart } from '@antv/g2';

import DataSet from '@antv/data-set';

import './index.less';

const Index = () => {

const data = [

{ x: 1, y: 100.80 },

{ x: 2, y: 111.68 },

{ x: 3, y: 111.5 },

{ x: 4, y: 101.5 },

{ x: 5, y: -58.9 },

{ x: 6, y: 10 },

{ x: 7, y: 99.00 }

];

useEffect(() => {

const axis = ['x', 'y'];

const chart = new Chart({

container: 'chart-container',

autoFit: true, // 自动填充占满空间

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值