Skip to content

Render echarts in obsidian,[Apache ECharts](https://echarts.apache.org/en/index.html) An Open Source JavaScript Visualization Library

Notifications You must be signed in to change notification settings

davidxu5945/obsidian-echarts

 
 

Repository files navigation

obsidian-echarts

Render echarts in obsidian,Apache ECharts,An Open Source JavaScript Visualization Library 一个可以在obsidian 里运行echarts 的插件,具体可以参考官方示例库代码。插件需要依赖dataview插件,example文件夹是一些基本例子。 更多示例可以关注Blue-topaz-examples

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)

About

Render echarts in obsidian,[Apache ECharts](https://echarts.apache.org/en/index.html) An Open Source JavaScript Visualization Library

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 90.8%
  • JavaScript 9.2%