我已经创建了是由一天中的部分的x个堆叠水平条形图,并有可能为y东西各部分期间继续。如果没有是怎么回事,然后我要白色的,如果有事情发生,然后蓝(它会在数据是“1”,因此在指数1拉出彩色),最终我将改变颜色的动态,以及。为了创建这个我在堆叠前一个顶部一天的每个部分,适当的色彩。问题是,有一个明显的边界是“出血”下从当天的最新部分,当有事情发生。
我曾尝试边框宽度设置为0,我也尝试设置边框颜色为白色。无论做任何区别。我那么BORDERCOLOR设置为黑色,0.25宽度思考我只是“画在”夹缝。此作品在一定程度上,但边界变厚,你得到进一步朝轴的0点,这反映了在互相重叠边界的越来越多。下面的照片显示出血边界用黑色BORDERCOLOR和0(其仍然显示蓝色)或0.25(其示出了改变重量)边框宽度
const data = this.props.ChartData;
var datasets = []
const Colors = ["white", "#1B79EC", "#fc407e",]
for (let i=1; i<data[1].length; i++)
{datasets.push(
{ label: data[0],
data: [data[1][i][0]],
backgroundColor: [Colors[data[1][i-1][1]]],
borderColor: ['black'],
borderWidth: 0} )
}
return (
<Chart data={
{
labels: [data[0]],
datasets: datasets,
}}
options={{
responsive: true,
maintainAspectRatio: false,
legend: {
display: false
},
scales: {
yAxes: [{
stacked:true,
display: true,
}],
xAxes: [{
display:false,
ticks: {
beginAtZero: true,
autoSkip: false,
},
}],
}
}}
/>
)
}
还有这里ChartJS插件:https://github.com/cprimera/Chart.MultiFloatingBar.js这将给浮动条形图