NVD3 如何去除折线图中的 Y 轴以及去除后还利用 Y 轴的 space
NVD3 How to remove Y-axis in Line chart and also utilize the space of Y-axis after it is removed
我正在使用 NVD3 显示折线图。
我有如下折线图:
chart: {
type: 'lineChart',
height: 150,
margin : {
top: 20,
right: 20,
bottom: 40,
left: 55
},
x: function(d){ return d.x; },
useInteractiveGuideline: true,
"xAxis": {
ticks:7,
showMaxMin : false,
tickFormat:
function (d) {
var x = globalFactory.getCalendarConstants().dateMap.weekDayShortLabels
return x[d] },
},
showYAxis:false,
showLegend : false,
}
它删除了 Y-Axis
但 Y-axis
的 space 未被使用。我想用完那个 space.
他们有解决办法吗?
您可以尝试调整页边距(见下文),但您可能需要稍微调整一下才能按照您想要的方式调整页边距。
margin : {
top: 20,
right: 20,
bottom: 40,
left: 0
},
我正在使用 NVD3 显示折线图。 我有如下折线图:
chart: {
type: 'lineChart',
height: 150,
margin : {
top: 20,
right: 20,
bottom: 40,
left: 55
},
x: function(d){ return d.x; },
useInteractiveGuideline: true,
"xAxis": {
ticks:7,
showMaxMin : false,
tickFormat:
function (d) {
var x = globalFactory.getCalendarConstants().dateMap.weekDayShortLabels
return x[d] },
},
showYAxis:false,
showLegend : false,
}
它删除了 Y-Axis
但 Y-axis
的 space 未被使用。我想用完那个 space.
他们有解决办法吗?
您可以尝试调整页边距(见下文),但您可能需要稍微调整一下才能按照您想要的方式调整页边距。
margin : {
top: 20,
right: 20,
bottom: 40,
left: 0
},