EDIT: Tôi có biểu đồ SVG được tạo bằng d3.js. Khu vực đầy đồ thị được tô màu bởi các quy tắc CSS. Tôi muốn các khu vực được nửa công khai để bạn có thể xem dữ liệu bị che khuất bởi khu vực đồ thị quan trọng nhất.màu trong suốt trong javascript D3.js
Bản gốc:
Có cách nào để làm cho màu của biểu đồ này trong suốt không? http://jsfiddle.net/skys331/QBDGB/22/ Tôi muốn có thể nhìn thấy phía sau dữ liệu màu xanh lục.
Cảm ơn
Yes. Bạn có thể sử dụng transparent để điền vào, như vậy:
.line1 {
fill: transparent;
...
}
Hoặc bạn có thể thiết lập Opacity của .line1 yếu tố:
.line1 {
fill: green;
opacity: 0.5;
}
Hoặc thiết lập các điền để chúng tôi rgba (RGB màu sắc với một thành phần alpha):
.line1 {
fill: rgba(0, 128, 0, 0.5);
}
Cảm ơn bạn rất nhiều :) – star
Ngoài ra còn có SVG attrs 'fill-opacity' và' stroke-opacity' – artfulrobot
Thêm Opacity đến màu xanh lá cây:
.line1 {
fill: green;
stroke: black;
stroke-width: 1.5px;
opacity:0.5;
}
Sửa fiddle của bạn: http://jsfiddle.net/QBDGB/23/
cảm ơn bạn rất nhiều! – star
'fill: rgba (0,255,0,0.5);'? Trong mọi trường hợp, vui lòng đặt câu hỏi của bạn độc lập, tức là bao gồm mã có liên quan và những thứ bạn đã thử hoặc xem xét để khắc phục sự cố của bạn. – Jeroen
Tôi nghĩ những người đã bỏ phiếu cho việc đóng câu hỏi này đã chứng tỏ sự thiếu hiểu biết hoàn toàn, hoặc thậm chí không bận tâm nhấp vào liên kết trong câu hỏi. – VividD