我无法获得 nvd3 图中的所有 X 和 Y 轴点。我错过了任何选择吗?
I am not able to get all X and Y axis points in nvd3 graph. Am I missing out any options?
如图所示,我无法获得轴上的所有 X 和 Y 交点。以及我想用黑圈突出交叉点。帮助将不胜感激
填充图表的代码是:
选项:
图表:{
类型:'lineChart',
身高:300,
利润 : {
顶部:120,
右:100,
底部:40,
左:100
},
x: 函数(d){ return d.x; },
y: 函数(d){ return d.y; },
使用InteractiveGuideline: false,
工具提示:错误,
x轴:{
tickFormat:函数(d){
return d3.time.format('%x')(新日期(d));
},
showMaxMin: false<br>
},
y轴:{
tickFormat:函数(d){
return '$' + d3.format('.0f')(d)
}
},
}
var dates = [new Date('12/1/2017'),new Date('12/2/2017'),new Date('12/3/2017'),new Date('12/4/2017'),new Date('12/5/2017')];
var spend = [22, 14, 13, 11, 12];
data = genrateData();
function generateData() {
var dailySpend = [];
for(var i=0; i < dates.length; i++){
dailySpend.push({x: dates[i], y: spend[i]})
}
return [
{
values: dailySpend,
key: 'Daily Spend'
}
];
}
我想我找到了答案。
实际上,我通过给 .tick
class 一个 display: none
属性 从 css 中删除了网格线,这也从图表中删除了点。
如果只想删除网格线,则通过将 属性 display: none
添加到 .tick line
class.
来编辑 css
如图所示,我无法获得轴上的所有 X 和 Y 交点。以及我想用黑圈突出交叉点。帮助将不胜感激
填充图表的代码是:
选项:
图表:{
类型:'lineChart',
身高:300,
利润 : {
顶部:120,
右:100,
底部:40,
左:100
},
x: 函数(d){ return d.x; },
y: 函数(d){ return d.y; },
使用InteractiveGuideline: false,
工具提示:错误,
x轴:{
tickFormat:函数(d){
return d3.time.format('%x')(新日期(d));
},
showMaxMin: false<br>
},
y轴:{
tickFormat:函数(d){
return '$' + d3.format('.0f')(d)
}
},
}
var dates = [new Date('12/1/2017'),new Date('12/2/2017'),new Date('12/3/2017'),new Date('12/4/2017'),new Date('12/5/2017')];
var spend = [22, 14, 13, 11, 12];
data = genrateData();
function generateData() {
var dailySpend = [];
for(var i=0; i < dates.length; i++){
dailySpend.push({x: dates[i], y: spend[i]})
}
return [
{
values: dailySpend,
key: 'Daily Spend'
}
];
}
我想我找到了答案。
实际上,我通过给 .tick
class 一个 display: none
属性 从 css 中删除了网格线,这也从图表中删除了点。
如果只想删除网格线,则通过将 属性 display: none
添加到 .tick line
class.