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

Echarts Lite

x-ideas442 downloads

Draw chart, compatible with mobile.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates5

Feature:

  • compatiable with mobile
  • latest echarts version(v6.0.0)

Install

install from obsidian plugin market

  • Not published yet

manual install

  • download assets from release
  • create a folder named echarts-lite in your obsidian vault plugin folder({your obsidian vault path}/.obsidian/plugins/)
  • move the downloaded assets to the new created folder
  • reload Obsidian
  • enable the plugin

install from BRAT(Currently Recommended)

  • Install BRAT if you haven't installed it yet.
  • Enable BRAT in Settings → Community plugins
  • Open Command Palette(Ctrl+P) and type BRAT: Plugins: Add a beta plugin for test to open the Community Plugin Manager.
  • input the plugin repository url: https://github.com/x-ideas/obsidian-echarts-lite
  • select the latest version
  • click Add plugin button to install the plugin.
  • enable echarts-lite plugin in Settings → Community plugins if it's not enabled automatically.

How to Use

```dataviewjs

const option = {
    tooltip: {
        trigger: "axis",
        axisPointer: {
            type: "shadow",
        },
    },
    legend: {},
    xAxis: {
        type: "category",
        data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
    yAxis: {
        type: "value",
    },
    series: [
        {
            name: "name",
            data: [150, 230, 224, 218, 135, 147, 260],
            type: "bar",
        }
    ]
}
app.plugins.plugins['echarts-lite'].api.render(option, this.container)

and the result will be like this: bar-example

Other

  • ispired by obsidian-echarts
HealthExcellent
ReviewSatisfactory
About
Render mobile-friendly ECharts v6 charts directly inside Obsidian notes. Call the plugin API with standard ECharts option objects from scripts or dataviewjs to draw interactive bar, line, pie and other chart types.
ChartsVisualization
Details
Current version
1.1.3
Last updated
Last week
Created
2 years ago
Updates
5 releases
Downloads
442
Compatible with
Obsidian 0.15.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
x-ideasx-ideas
  1. Community
  2. Plugins
  3. Charts
  4. Echarts Lite

Related plugins

Charts

Easily create interactive charts in your notes.

Life Tracker

Capture and visualize the data that matters in your life.

Mermaid Zoom

Add zoom functionality to Mermaid diagrams. Use mouse wheel or touch gestures to zoom in and out.

Charts View

Visualize data from your notes with plots and graphs.

Bases Charts

Bases views for scatter, line, and bar charts.

Excalidraw

Visual PKM powerhouse. Create and edit Excalidraw drawings.

Advanced Canvas

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

ExcaliBrain

An interactive, structured mind-map of your Obsidian vault.

Breadcrumbs

Visualise the hierarchy of your vault using a breadcrumb trail or matrix view.

Mermaid Tools

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