曲形折線圖

 

預覽圖

---

設定值

---

• 資料源

[{
  "month": "Jan",
  "city": "Tokyo",
  "temperature": 7
}, {
  "month": "Jan",
  "city": "London",
  "temperature": 3.9
}, {
  "month": "Feb",
  "city": "Tokyo",
  "temperature": 6.9
}, {
  "month": "Feb",
  "city": "London",
  "temperature": 4.2
}, {
  "month": "Mar",
  "city": "Tokyo",
  "temperature": 9.5
}, {
  "month": "Mar",
  "city": "London",
  "temperature": 5.7
}, {
  "month": "Apr",
  "city": "Tokyo",
  "temperature": 14.5
}, {
  "month": "Apr",
  "city": "London",
  "temperature": 8.5
}, {
  "month": "May",
  "city": "Tokyo",
  "temperature": 18.4
}, {
  "month": "May",
  "city": "London",
  "temperature": 11.9
}, {
  "month": "Jun",
  "city": "Tokyo",
  "temperature": 21.5
}, {
  "month": "Jun",
  "city": "London",
  "temperature": 15.2
}, {
  "month": "Jul",
  "city": "Tokyo",
  "temperature": 25.2
}, {
  "month": "Jul",
  "city": "London",
  "temperature": 17
}, {
  "month": "Aug",
  "city": "Tokyo",
  "temperature": 26.5
}, {
  "month": "Aug",
  "city": "London",
  "temperature": 16.6
}, {
  "month": "Sep",
  "city": "Tokyo",
  "temperature": 23.3
}, {
  "month": "Sep",
  "city": "London",
  "temperature": 14.2
}, {
  "month": "Oct",
  "city": "Tokyo",
  "temperature": 18.3
}, {
  "month": "Oct",
  "city": "London",
  "temperature": 10.3
}, {
  "month": "Nov",
  "city": "Tokyo",
  "temperature": 13.9
}, {
  "month": "Nov",
  "city": "London",
  "temperature": 6.6
}, {
  "month": "Dec",
  "city": "Tokyo",
  "temperature": 9.6
}, {
  "month": "Dec",
  "city": "London",
  "temperature": 4.8
}]

• 內距

40,20,50,50

• 比例尺Scale

Yeartemperature 比例尺（ X軸 ）

列表	設定值
欄位	yeartemperature
類型	linear
刻度間距

1 優化數據範圍 開啟

 

Value 比例尺（ Y軸 ）

列表 設定值 欄位 value

類型

linear 刻度間距 1 最小值 0 最大值 13 優化數據範圍格式化函數 開啟function (val) { return val + '°C'; }

 

• 圖 Geom

線圖（ Line ）

列表	設定值
欄位	year*valuemonth*temperature
類型	線圖

顏色欄位 city 形狀 smooth

點圖（ point ）

列表	設定值
欄位	year*valuemonth*temperature
類型	點圖

顏色欄位

city

形狀 circle 大小 4 樣式 - 顏色 #ffffff 顏色 - 寬度 1