如何解决如何在反应合成中等距列
我目前正在使用同步融合以条形图格式呈现一些数据。我已经查看了文档并测试了我可以过来尝试解决这个问题的所有内容,但没有成功。我希望以下条形图中的条形位于标签的中心,但第一个和最后一个条形似乎分别粘在左右边缘。以前有人遇到过这个问题吗?这似乎不是默认行为,这有点奇怪。
呈现条形图的代码:
<div>
<ChartComponent id='b-chart'
background={"rgb(32,42,59)"}
width={'80%'}
height={'70%'}
titleStyle={{color: "white"}}
primaryXAxis={{
labelPlacement: 'BetweenTicks',labelStyle: {color: "white"},valueType: "Category",edgeLabelPlacement: 'None'
}}
primaryYAxis={{
minimum: 0,maximum: 200,titleStyle: {color: "white"},title: "Duration[sec]"
}}>
<Inject services={[ColumnSeries,Category,DataLabel,Tooltip,Legend]}/>
<SeriesCollectionDirective>
<SeriesDirective cornerRadius={{topLeft: 15,topRight: 15}} columnWidth={1} fill={"orange"}
border={{color:"black",width:1}} marker={{dataLabel:{visible:true}}}
dataSource={valSeries1} xName='x' yName='y' type='Column'/>
<SeriesDirective cornerRadius={{topLeft: 15,topRight: 15}} columnWidth={1} fill={"lightblue"}
border={{color:"black",width:1}} marker={{dataLabel:{visible:true}}}
dataSource={valSeries2} xName='x' yName='y' type='Column'/>
<SeriesDirective cornerRadius={{topLeft: 15,topRight: 15}} columnWidth={1} fill={"lightgrey"}
border={{color:"black",width:1}} marker={{dataLabel:{visible:true}}}
dataSource={valSeries3} xName='x' yName='y' type='Column'/>
</SeriesCollectionDirective>
</ChartComponent>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。