如图所示,我无法获得轴上的所有X和Y交点。我想要用黑圈突出交叉点。帮助将不胜感激
填写图表的代码是:
选项:
chart: {
type: 'lineChart',
height: 300,
margin : {
top: 120,
right: 100,
bottom: 40,
left: 100
},
x: function(d){ return d.x; },
y: function(d){ return d.y; },
useInteractiveGuideline: false,
tooltips: false,
xAxis: {
tickFormat: function(d) {
return d3.time.format('%x')(new Date(d));
},
showMaxMin: false
},
yAxis: {
tickFormat: function(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'
}
];
}
答案 0 :(得分:0)
我想我得到了答案。
实际上我已经通过给.tick
类display: none
属性删除了css中的网格线,这也从图中删除了点。
如果要删除仅网格线,请通过将属性display: none
添加到.tick line
类来编辑css。