如何消除chartjs2堆积图所有边框

问题描述 投票:0回答:1

我已经创建了是由一天中的部分的x个堆叠水平条形图,并有可能为y东西各部分期间继续。如果没有是怎么回事,然后我要白色的,如果有事情发生,然后蓝(它会在数据是“1”,因此在指数1拉出彩色),最终我将改变颜色的动态,以及。为了创建这个我在堆叠前一个顶部一天的每个部分,适当的色彩。问题是,有一个明显的边界是“出血”下从当天的最新部分,当有事情发生。

我曾尝试边框宽度设置为0,我也尝试设置边框颜色为白色。无论做任何区别。我那么BORDERCOLOR设置为黑色,0.25宽度思考我只是“画在”夹缝。此作品在一定程度上,但边界变厚,你得到进一步朝轴的0点,这反映了在互相重叠边界的越来越多。下面的照片显示出血边界用黑色BORDERCOLOR和0(其仍然显示蓝色)或0.25(其示出了改变重量)边框宽度

https://ibb.co/Mc5dZ86

https://ibb.co/TPKGtFJ

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,
                                       },
                                   }],
                               }
                           }}
                    />

    )
}
reactjs chart.js
1个回答
0
投票

还有这里ChartJS插件:https://github.com/cprimera/Chart.MultiFloatingBar.js这将给浮动条形图

© www.soinside.com 2019 - 2024. All rights reserved.