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