Obs137｜用Dataviewjs讀取CSV資料以繪製統計圖表

Dataviewjs可以用下列3種函數讀取外部檔案：

[!COMMENT]+ Dataviewjs讀檔

1. 內容 = await dv.io.csv(路徑, [origin-file])
2. 內容 = await dv.io.load(路徑, [origin-file])
3. dv.io.normalize(路徑, [origin-file]): 將相對路徑鏈接轉換成絕對路徑

1. 原始碼

let data = await dv.io.csv("visit_places.csv");
//data = data.sort(r => r.country);
//dv.table(["Country", "Date", "Days"], data.map(r => [r.country, r.visit_date, r.visit_days])) 

var labels = [];
const sChartColor = '#4e9a06';

const lineChart = {
  type: 'bar',
  width: '50%',
  data: {
    labels: data.country.values,
    datasets: [{
      label: 'Days',
      data: data.visit_days.values,
      backgroundColor: [
        sChartColor
      ],
      borderColor: [
        "white"
      ],
      borderWidth: 1
    }]
  }
}  // lineChart

window.renderChart(lineChart, this.container);

2. 相關鏈接

• 官方文件: Codeblock Reference - Dataview
• Dataviewjs參考: 玩转 Obsidian 08：利用 Dataview 打造自动化 HomePage https://sspai.com/post/73958

3. 教學影片

＃＃

您可能也會有興趣的類似文章

• Obs134｜用Dataviewjs製作簡單的建檔統計圖－使用Charts外掛 (0則留言, 2023/08/13)
• Obs130｜用Dataviewjs將Dataview表格產生成Markdown格式，並複製到剪貼簿的技巧 (2則留言, 2023/05/20)
• Obs136｜3 個方法讓你用Obsidian QATT外掛讀取外部檔案 (0則留言, 2023/08/27)
• Obs131｜Obsidian使用Dataviewjs動態查詢的嘗試 (0則留言, 2023/05/27)
• Obs127｜用Templater Hotkeys簡化Obsidian自動化腳本，詳解4個腳本範例 (0則留言, 2023/05/05)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• [Obs＃58] 快速開啟常用筆記的方法 (0則留言, 2021/10/23)
• Obs135｜解鎖簡易Dataview查詢：驚人的SQL技巧，使用Query All The Things(QATT)外掛 (0則留言, 2023/08/19)
• Obs132｜標籤使用彙總與TagFolder：多重＋階層式標籤資料夾，更妥善使用＃標籤的技巧 (0則留言, 2023/06/24)
• Obs＃117 | Obsidian表格攻略與表格就地編輯外掛：Table Enhancer (0則留言, 2023/03/19)
• Obs128｜Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
• [Obs＃85] 分享使用中與外觀有關的10個外掛 (0則留言, 2022/05/01)
• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• [Obs＃91] 用Dashboard++ CSS片段建立Obsidian儲存庫首頁 (0則留言, 2022/06/18)
• Obs124｜跳，跳，跳乎伊勇！Obsidian用書籤和標籤快速在檔案間跳轉 (1則留言, 2023/04/23)