Code Monkey home page Code Monkey logo

obsidian-echarts's Introduction

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)

obsidian-echarts's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.