首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何移除chartJs中的网格线?

如何移除chartJs中的网格线?
EN

Stack Overflow用户
提问于 2020-07-27 14:37:03
回答 2查看 1.7K关注 0票数 1

我在我的react应用程序中使用图表。我尝试使用Scales and gridlines: false选项,但在我身上不起作用。该图像显示了我的代码。谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-27 14:54:00

您可以查看chart.js sample。从那里,我发现您的示例的对象设置中存在一些偏差

代码语言:javascript
复制
        var config = {
            type: 'line',
            data: {
                datasets: [{
                    // Here starts your snippet
                }]
            },
            options: {
                // The options are outside of the datasets property
                scales: {
                    x: {
                        gridLines: {
                          display: false
                        }
                    },
                    y: {
                        gridLines: {
                          display: false
                        }
                    }
                }
            }
        };

编辑1:使用gridLines属性更新了比例

票数 1
EN

Stack Overflow用户

发布于 2020-07-28 17:18:46

您可以使用以下代码移除网格线,如果您想要启用X和Y轴,它将非常有用

代码语言:javascript
复制
 gridLines: {
                  display: true,
                  zeroLineColor:'white',
                  color:'transparent'
                }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63109879

复制
相关文章

相似问题

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