NVD3 散点图点不透明度
NVD3 Scatter Plot Point Opacity
我一直在尝试设置 nvd3 生成的散点图的点的不透明度。我尝试使用 CSS 来设置点的不透明度,但它没有用。知道如何设置不透明度吗?
这是我用来生成图表的代码:
var data = [
{
key: "group1",
values:[
{
x: 10,
y: 10
},
{
x: 20,
y: 10
},
{
x: 30,
y: 10
}
]
}
]
nv.addGraph(function() {
var chart = nv.models.scatterChart()
.showDistX(false)
.showDistY(false)
.color(d3.scale.category10().range())
.pointRange([100,100]);
chart.xAxis.tickFormat(d3.format('.02f'));
chart.yAxis.tickFormat(d3.format('.02f'));
d3.select('#chart svg')
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
谢谢。
您可以覆盖 nv.d3.css
来实现此目的
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
fill-opacity: 0.8 !important;
stroke-opacity: 0.8 !important;
}
希望对您有所帮助。
我一直在尝试设置 nvd3 生成的散点图的点的不透明度。我尝试使用 CSS 来设置点的不透明度,但它没有用。知道如何设置不透明度吗?
这是我用来生成图表的代码:
var data = [
{
key: "group1",
values:[
{
x: 10,
y: 10
},
{
x: 20,
y: 10
},
{
x: 30,
y: 10
}
]
}
]
nv.addGraph(function() {
var chart = nv.models.scatterChart()
.showDistX(false)
.showDistY(false)
.color(d3.scale.category10().range())
.pointRange([100,100]);
chart.xAxis.tickFormat(d3.format('.02f'));
chart.yAxis.tickFormat(d3.format('.02f'));
d3.select('#chart svg')
.datum(data)
.transition().duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
谢谢。
您可以覆盖 nv.d3.css
来实现此目的
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
fill-opacity: 0.8 !important;
stroke-opacity: 0.8 !important;
}
希望对您有所帮助。