删除图表js折线图中的垂直线。
删除图表js折线图中的垂直线。
提问于 2014-11-28 14:06:40
我正在使用Chart.js生成地图，并对其进行了很好的自定义。但是无论如何我都不能删除垂直网格线。有没有人遇到过这样的情况？非常感谢您的帮助。
JavaScript
var ChartDataHome = {
labels: ["", "NOV", "DEC", "JAN", "FEB"],
datasets: [{
strokeColor: "rgba(255.255,255,1)",
pointColor: "rgba(159,209,154,1)",
pointStrokeColor: "rgba(255,255,255,1.00)",
data: [4.5, 8.8, 7.5, 9.5, 7.8, 9]
}]
};
var step = 2;
var max = 10;
var start = 0;
ChartOptionsHome = {
scaleLabel: "<%= value + ' K ' %>",
pointDot: false,
bezierCurve: false,
scaleOverride: true,
scaleSteps: 10,
scaleSteps: Math.ceil((max - start) / step),
scaleStepWidth: step,
scaleStartValue: start,
scaleShowGridLines: true,
scaleGridLineWidth: 0,
scaleGridLineColor: "rgba(0,0,0,0.1)",
datasetFill: false,
animation: true,
animationSteps: 60,
scaleFontColor: "#ffffff",
scaleFontSize: 14,
scaleLineColor: "rgba(255,255,255,1)",
datasetStrokeWidth: 6,
responsive: true,
}
if ($("#chartHome")[0]) {
DrawTheChart(ChartDataHome, ChartOptionsHome, "chartHome", "Line");
}回答 6
Stack Overflow用户
回答已采纳
发布于 2016-05-18 21:34:16
以下内容适用于Chart.js 2.*。
如果只有一个x轴，则是否显示垂直网格线(与此x轴相关)由options.scales.xAxes[0].gridLines.display的布尔值指定。更准确地说，以下图表选项禁用了单个x轴情况下垂直网格线的显示。
options : {
scales : {
xAxes : [ {
gridLines : {
display : false
}
} ]
}
}Stack Overflow用户
发布于 2015-01-10 07:55:37
两天前，新版本的Chart.js发布了一个新的全局选项。
var options = {
scaleShowVerticalLines: false
}Stack Overflow用户
发布于 2016-04-29 22:07:00
options : {
scales: {
yAxes: [{
gridLines: {
lineWidth: 0,
color: "rgba(255,255,255,0)"
}
}]
}
};
Charts.js v2.0页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27182829
复制相关文章
相似问题