微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Bizcharts负值堆栈偏移量问题?

如何解决Bizcharts负值堆栈偏移量问题?

为此使用BizCharts。绘制堆积面积图。 Bizcharts负值堆栈偏移量问题。 如何在A和C之间堆叠B数据,而不是从y = 0以下开始?

开发环境:

bizcharts: 4.0.13
react: 16.13.1

我尝试使用以下代码

import React,{ Component } from 'react';
import ReactDOM from 'react-dom';
import { Chart,Tooltip,Area } from 'bizcharts';

const datas = [
{ "type": "A","time": "00:00","value": 0 },{ "type": "A","time": "01:00","time": "02:00","time": "03:00","time": "04:00","time": "05:00","time": "06:00","value": 6.7662 },"time": "07:00","value": 366.457 },"time": "08:00","value": 747.8616 },"time": "09:00","value": 1177.5166 },{ "type": "B","value": -265 },"value": -505 },"value": -1010 },"value": -1780 },"value": -240 },...]

export default class TestChart extends Component {
    render() {
        return (
            <div>
                <div>
                    <Chart
                        height={500}
                        autoFit={true}
                        data={datas}
                        interactions={['active-region']}
                        padding="auto" >
                    <Tooltip shared />
                    <Area
                        adjust="stack"
                        shape='smoothLine'
                        color="type"
                        position="time*value" />
                    </Chart>
                </div>
            </div>
        )
    }
}

ReactDOM.render(
  <TestChart />,document.getElementById('root')
);

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。