ChartJS 如何将水平条向右对齐

vzgqcmou  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(237)

我用的是React图表js-2。

<HorizontalBar
                    options={{
                        legend: {
                            display: false,
                        },
                        tooltips: {
                            enabled: false,
                        },
                        hover: {
                            mode: null,
                        },
                        scales: {
                            xAxes: [
                                {
                                    display: false,
                                    gridLines: {
                                        color: "rgba(0, 0, 0, 0)",
                                    },
                                    position: 'right'
                                },
                            ],
                            yAxes: [
                                {
                                    position: "right",
                                    ticks: {
                                        reverse: true,
                                    },
                                    gridLines: {
                                        color: "rgba(0, 0, 0, 0)",
                                    },
                                },
                            ],
                        },
                        plugins: {
                            tooltip: {
                                enabled: false,
                            },
                        },
                    }}
                    data={{
                        datasets: [
                            {
                                label: "My First dataset 2",
                                borderWidth: 0,
                                backgroundColor: [
                                    "#68B68A",
                                    "#5B9FC9",
                                    "#83C39F",
                                    "#85B7D6",
                                    "#9FD1B4",
                                    "#C2DAEB",
                                ],
                                data: ...,
                                barPercentage: 0.5,
                            },
                        ],
                    }}
                />

我需要像x1c 0d1x这样将水平条向右对齐
但我代码实际结果是

kfgdxczn

kfgdxczn1#

您可以使用浮动条:
第一个
将坐标轴的最大值作为数组中的第一个或最后一个值(chart.js会将其显示为相同的值),然后为另一个值输入起点,即最大值-百分比

相关问题