ChartJS 使用中心位置时如何将轴标签移动到外边框

o4hqfura 于 2023-05-28 发布在 Chart.js

关注(0)|答案(1)|浏览(133)

在Chart.js中，我可以使用position属性选项-> scales -> x -> position创建一个轴居中的散点图，如here所示。这样做时，轴标签也会向上移动到图表的中心。我怎样才能使轴和刻度居中，但将轴标签本身保留在图表的外部边界？

const sampleConfig = { type：'scatter'，数据：数据，选项：{响应：true，plugins：{ title：{ display：true，文本：'轴心定位' } }，刻度：{ x：{ min：-100，最大值：100，标题：{ display：true，text：'X-Label'}}，y：{最小值：-100，最大值：100，称号：{ display：true，text：'Y-Label'}} }，};

chart.js

来源：https://stackoverflow.com/questions/76318776/how-to-move-axis-labels-to-the-outer-border-when-using-center-position

1条答案

按热度按时间

olqngx591#

我无法找到解决方案，所以我通过这样做来假装它：

创建另一组x轴和y轴
隐藏他们的刻度标记并禁用网格显示
将标题从原始轴移动到新轴
将它们的位置分别设置为左/下

x1: {
          title: {
            display: true,
            text: 'X Title',
            padding: 20
          },
          display: true,
          position: 'bottom',
          grid: {
            drawOnChartArea: false, 
          },
          ticks: {
            display: false,
          },
        },
    }

赞(0）回复(0）举报 2023-05-28

我来回答

ChartJS 使用中心位置时如何将轴标签移动到外边框

1条答案

相关问题

热门标签

最新问答