D3是一個流行的數據可視化庫,它提供了豐富的詞綴(attribute)來設置圖表的外觀和行為。D3的所有詞綴都以JSON格式表示,讓用戶可以靈活地定制他們的可視化界面,下面是D3的所有詞綴的詳細介紹。
//設置圖表的寬度和高度 { "width": 400, "height": 300 } //設置圖表的邊距(順時針方向:上、右、下、左) { "margin": [10, 20, 30, 40] } //設置圖表的背景色 { "background": "white" } //設置圖表的填充色 { "fill": "blue" } //設置圖表的邊框顏色和寬度 { "stroke": "red", "stroke-width": 2 } //設置圖表元素的透明度 { "opacity": 0.5 } //設置圖表元素的坐標(x坐標和y坐標) { "x": 10, "y": 20 } //設置圖表元素的寬度和高度 { "width": 100, "height": 50 } //設置圖表元素的旋轉角度(順時針方向,單位:度數) { "rotate": 45 } //設置圖表元素的縮放比例 { "scale": 2 } //設置圖表元素的傾斜角度(單位:度數) { "skew": 30 } //設置圖表元素的填充圖案(樣式名) { "pattern": "stripe" } //設置圖表元素的元素類型(例如:rect、circle、line等) { "type": "rect" } //設置圖表元素的文本 { "text": "Hello world!" } //設置圖表元素的字體顏色、大小和對齊方式 { "font-color": "black", "font-size": 12, "text-align": "center" }
上一篇vue 頁面加載后
下一篇d3.js json解析