Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

obsidian echarts

cumanycumany8k downloads

Render echarts.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

A plugin that can run echarts in obsidian, see official example library code for details. The plugin depends on the dataview plugin, the examples folder is for some basic examples. More examples can be found at blue-topaz-examples

GIF 2022-06-02 13-31-49 image image image

点击事件绑定

通过在源数据添加下面字段绑定点击事件效果。 目前支持的类型有 tag,content,file,path 指定这类类型可以点击事件调用Obsidian Search operators 如果指定的是file和path类型 需要添加字段比如 data['file']='filename' 可以实现组合搜索 假设datas是要展示的数据。

The click event effect is bound by adding the following fields to the source data. Currently supported types are tag, content, file, path
If you define file and path types, you need to add fields such as data['file']='filename' to achieve a combined search. Assume datas is the data to be displayed.

datas.forEach((data)=>{
    data['search']='tag'
    data['file']='filename'
    data['path']='path'
})

如果不指定,默认绑定的是传入的 data 数组中的 index 对应的文件。 **If not specified, the default binding is to the file with index in the incoming data array. **

渲染容器

将下方代码到option 选项后即可渲染 Render the code below after putting it into the option

app.plugins.plugins['obsidian-echarts'].render(option, this.container)
51%
HealthFair
ReviewRisks
About
Render interactive Apache ECharts charts inside Obsidian notes from Dataview data. Bind chart clicks to tag, content, file or path fields (defaults to the referenced file by index) and use bundled examples as templates.
ChartsVisualizationData
Details
Current version
0.0.3
Last updated
4 years ago
Created
4 years ago
Updates
2 releases
Downloads
8k
Compatible with
Obsidian 0.9.12+
Platforms
Desktop, Mobile
Report bugRequest featureReport plugin
Author
cumanycumany
github.com/cumany
GitHubcumany
  1. Community
  2. Plugins
  3. Charts
  4. obsidian echarts

Related plugins

Tracker

Track occurrences and numbers in your notes.

Life Tracker

Capture and visualize the data that matters in your life.

Charts

Easily create interactive charts in your notes.

Mood Tracker

Track your moods & emotions easily. Visualize tracked history and browse the past entries.

Charts View

Visualize data from your notes with plots and graphs.

Bases Charts

Bases views for scatter, line, and bar charts.

Advanced Canvas

Supercharge your canvas experience. Create presentations, flowcharts and more.

Excalidraw

Visual PKM powerhouse. Create and edit Excalidraw drawings.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.

Maps

Adds a map layout to bases so you can display notes as an interactive map view.