首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >移动图表x轴标签和边框

移动图表x轴标签和边框
EN

Stack Overflow用户
提问于 2020-09-22 11:53:36
回答 1查看 122关注 0票数 0

我有以下的代码,并试图实现两件事。

  1. --我需要隐藏图形的主边框--我已经在ChartJS中查找了Gridline配置,这里还有Stack中的示例,并且由于某种原因,我的边界仍然存在??

正如你从小提琴上看到的,我用过:

"gridlines": { "display": false, "drawBorder": false, "drawTicks": false}

但没有结果

  1. ,我需要将日期移到图表的上方,而不是保持在它下面。除非我进入动画函数并开始计算x/y位置,否则似乎没有一种简单的方法来做到这一点。有更简单的方法吗??

这是我的基本行图JSfiddle和我使用过的https://jsfiddle.net/qogx7epL/设置

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-22 13:53:07

这样更改您的配置对象以删除绘图边框:https://jsfiddle.net/3ko21xaq/

代码语言:javascript
复制
...
options: {
    ...
    scales: {
        yAxes: [{
            gridLines: {
                drawTicks: false,
                display: false
            },
            ...
        }],
        xAxes: [{
            gridLines: {
                drawTicks: false,
                display: false
            },
            ...
        }]
    },
},

要将x轴设置为顶部,可以这样做:https://jsfiddle.net/d3s7x2af/

代码语言:javascript
复制
xAxes: [{
    ticks: {
        display: true,
        position: "top", // Not found in documentation((
        mirror: true,
        padding: -400, // Set the height of the plot
    },
}]

关于滴答配置的更多信息-> https://www.chartjs.org/docs/latest/axes/cartesian/#tick-configuration

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64009197

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档