ChartJS禁用图表区外的网格线

文章/答案/技术大牛

发布

1回答

chart.js

我试图隐藏图表区外绘制的网格线，因此基本上类似于下面的选项，但对于图表区外 gridLines: {}, ?

浏览 22提问于2019-01-14得票数 3

回答已采纳

1回答

ChartJS:是否可以省略最后一行以节省空间？

chart.js、ng2-charts

我正在尝试实现下图所示的行为(用另一个库呈现)，其中省略了y轴上的最后一条网格线，以避免图表中多余的空空间。在这种情况下，ChartJS似乎坚持将50的网格线包括在内。注意:我希望有一个解决方案，让ChartJS选择滴答和范围，而不是手动设置它们。(顺便说一句，我是通过NG2图表包装器使用ChartJS的。)

浏览 1提问于2021-09-16得票数 0

回答已采纳

1回答

ChartJS 2如何全局删除xAxis gridLines？

chart.js、chart.js2

我使用的是chartjs 2，我试图在xAxis上禁用网格线，在yAxis上启用网格线，并将它们设为虚线。我已经通过将这个添加到我的折线图配置中实现了这个功能； scales: { display: true, drawBorder: false, }} 然而，当我这样做时，

浏览 25提问于2021-11-02得票数 1

回答已采纳

2回答

如何在饼图边框外显示标签？

javascript、angular、chart.js、ng2-charts

我需要有外部的饼图如所附图像的标签。到目前为止，我已经禁用了lengend属性。我通过@Input()设置标签和背景颜色。边框的位置将根据输入动态更改，但边框外的标签将是静态的。

浏览 151提问于2019-10-18得票数 0

回答已采纳

2回答

如何在隐藏所有数据集的情况下不显示比例(chartjs)？

django、chart.js

我使用django和chartjs来渲染图表。当我使用legend onclick函数隐藏所有数据集时，y轴将像这样显示，而我不想显示任何内容，甚至网格线也是如此。以下是示例图表： ?

浏览 33提问于2019-05-09得票数 0

1回答

如何更改一条特定线的网格线宽

javascript、chart.js

我需要帮助改变线的宽度(或颜色)在一个特定的网格线上的图表。在下面的示例中，我只想在y轴60处增加水平网格线的网格线宽度(或改变颜色)。我已经尽力在Chartjs文档中找到解决方案，但是失败了。

浏览 2提问于2016-04-22得票数 4

回答已采纳

1回答

删除水平条形图中的最高水平线(Chart.js 2)

javascript、chart.js、chart.js2

我在Chart.js中创建了一个水平分组条形图，但是遇到了一个奇怪的问题。问题是，当我禁用所有的网格线和边框时，图表仍然显示出一条顶部的水平线，我想去掉它。它在这个截图中是可见的：。drawBorder: false, }] }} 我希望有人能帮我解决这个问题，因为我根本找不出是什么原因造成的。

浏览 1提问于2017-05-03得票数 1

回答已采纳

1回答

如何删除折线图背景中的网格线？

reactjs、chart.js、react-chartjs、react-chartjs-2

在我的项目中，我需要创建折线图组件。我正在尝试使用React JS的Chart JS 2库。但是，现在我在自定义折线图时遇到了一些问题。我想删除背景中的网格和线条(屏幕截图)以及图表顶部的标签(我的第一个数据集)。 ? 这是我的代码。删除图表背景中的网格(线条)并删除顶部的标签(我的第一个数据集)？

浏览 53提问于2021-02-02得票数 0

回答已采纳

2回答

如何在图表中增加垂直网格线之间的间距

reactjs、chart.js、react-chartjs

我使用Chartjs为大量数据集绘制了一张图表。因此，在默认情况下，有许多垂直的网格线看起来很可怜。我想扩大垂直线之间的距离。任何帮助都将是appriciated.Thanks

浏览 6提问于2021-03-23得票数 2

回答已采纳

3回答

chart.js绘制自定义网格线

javascript、vue.js、chart.js

我正在寻找选项来绘制自定义网格，而不是使用默认的。我想要的结果是这个。起初，我试图通过访问它的功能和改变网格线的内容来扩展图表插件，但我不能做任何我想做的事情。后来我找到了这个，并认为这是我的解决方案，但它不是两者都不是。另外，我发现了这个在偏移量上有回调的afterFit事件，并试图操作它，但也没有什么结果。顺便说一句，我使用的是，当然还有vue.js。这些网格线必须是恒定的

浏览 3提问于2018-07-14得票数 0

2回答

jQPlot -删除垂直网格线

javascript、jquery、charts、jqplot

我使用jqPlot作为我的图表框架，并且在我的应用程序中有大量的图表，主要是线条和堆叠条形图。是否可以在jqPlot中仅删除垂直网格线并继续显示水平网格线？

浏览 3提问于2012-04-12得票数 32

回答已采纳

2回答

只有一个轴的Chartjs图

javascript、chart.js、chart.js3

Chartjs一条线图，没有网格，轴和勾标。我想画出像上面这样的图表。{ showLine: true, borderWid

浏览 3提问于2020-12-23得票数 0

回答已采纳

6回答

删除图表js折线图中的垂直线。

javascript、jquery、chart.js

我正在使用Chart.js生成地图，并对其进行了很好的自定义。但是无论如何我都不能删除垂直网格线。有没有人遇到过这样的情况？非常感谢您的帮助。

浏览 122提问于2014-11-28得票数 36

回答已采纳

1回答

如何使用vue-chart.js为特定图表使用chartjs-plugin-datalabels

javascript、vue.js、chart.js、vue-chartjs

我试图使用chartjs-plugin-datalables对特定的图表使用vue-chartjs。因此，首先，我从我的main.js文件中注销了插件，因为它是在导入时在全球注册的。= false; this.addPlugin(ChartDataLabels); }如果我禁用了下面的

浏览 0提问于2020-06-17得票数 2

回答已采纳

2回答

Chart.js删除第一条垂直线

javascript、reactjs、charts、chart.js、react-chartjs

是否有一种方法可以在不删除值的情况下从图表中删除初始垂直线？ scales: { ticks: { beginAtZero: true,

浏览 5提问于2016-09-05得票数 3

1回答

Google图像-没有响应chg值的网格线

image-charts

我正试图使用在我的网站上实现一个图表，但是无论我如何设置网格线间距，这个图表永远不会像我所希望的那样工作。这是我的图表：从url中可以看到，它以chg=1,50结尾，但是如果单击链接并查看图像，网格空间为10x100。我还尝试将值更改为1,50以外的值，但网格空间始终保持在10x100。

浏览 5提问于2019-10-20得票数 0

回答已采纳

9回答

如何在ChartJ中隐藏y轴线？

javascript、charts、chart.js

我用的是气泡图，必须隐藏y轴线。我试过以下几种方法，但不起作用。yAxes: [{ display: false}]

浏览 7提问于2016-07-26得票数 62

回答已采纳

2回答

如何从chart.js中的线条图底部删除额外的空白？

javascript、chart.js

正如您在下面看到的，突出显示了canvas元素，在x轴标签下面有相当大的空白。如果我调整画布的大小，空格将与其高度成比例。是否有控制此空白的设置？我已经排除了填充，没有看到任何设置的空白。下面是呈现图表的JavaScript：var myChart = new Chart(ctx, { data: values,

浏览 9提问于2017-11-28得票数 5

回答已采纳

1回答

如何删除除零线和边框以外的网格线？

chart.js

我想删除行ChartJS中的所有网格线，除了零线和边框。当通过字段" line : 0“禁用Y网格线时，边框线也会关闭:(.下面是我的代码 scales: { ticks: { beginAtZero我想要的是： ?

浏览 13提问于2020-09-22得票数 0

回答已采纳

1回答

在Chart.js中这些线框是什么，我如何关闭它们？

reactjs、chart.js、tooltip、legend、react-chartjs-2

我在React中通过react-chartjs-2显示了一个Chart.js甜甜圈图表，默认情况下，每个甜甜圈部分都会显示以下线框内容。下面是一个例子： ? 这些行框的东西叫什么，我如何关闭它们？此外，它们似乎不会默认出现在基础Chart.js库中，但它们会出现在react-chartjs-2 npm包中的甜甜圈(可能还有饼图)中。我搜索了又搜索，并尝试切换图例、图例标签和工具提示的一堆选项，但都无济于事。我想不出怎么把它们关掉。谢谢你的帮助。

浏览 21提问于2021-03-30得票数 0

点击加载更多