Bizcharts负值堆栈偏移量问题？

编程问答 2022-08-16

问题描述

为此使用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 (将#修改为@）

bizchartsreactjsreactjsreactjsreactjs