ChartJS 如何将水平条向右对齐

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

我用的是React图表js-2。

  1. <HorizontalBar
  2. options={{
  3. legend: {
  4. display: false,
  5. },
  6. tooltips: {
  7. enabled: false,
  8. },
  9. hover: {
  10. mode: null,
  11. },
  12. scales: {
  13. xAxes: [
  14. {
  15. display: false,
  16. gridLines: {
  17. color: "rgba(0, 0, 0, 0)",
  18. },
  19. position: 'right'
  20. },
  21. ],
  22. yAxes: [
  23. {
  24. position: "right",
  25. ticks: {
  26. reverse: true,
  27. },
  28. gridLines: {
  29. color: "rgba(0, 0, 0, 0)",
  30. },
  31. },
  32. ],
  33. },
  34. plugins: {
  35. tooltip: {
  36. enabled: false,
  37. },
  38. },
  39. }}
  40. data={{
  41. datasets: [
  42. {
  43. label: "My First dataset 2",
  44. borderWidth: 0,
  45. backgroundColor: [
  46. "#68B68A",
  47. "#5B9FC9",
  48. "#83C39F",
  49. "#85B7D6",
  50. "#9FD1B4",
  51. "#C2DAEB",
  52. ],
  53. data: ...,
  54. barPercentage: 0.5,
  55. },
  56. ],
  57. }}
  58. />

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

kfgdxczn

kfgdxczn1#

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

相关问题