Charts for Bases

Obsidian Charts for Bases

Adds chart layouts to bases so you can display notes as interactive bar, line, or pie charts.

Features

• Works Like Native Obsidian: Supports right-click menus, middle-mouse clicks, and Cmd/Ctrl + Click to open links in a new tab.
• Clean Styles: Change colors, turn on smooth animations, hide zero values, and show or hide chart titles and legends.
• X-Axis Settings: Choose any property. Hide or show the bottom line and text, and tilt labels from -90° to 90° so they fit.
• Y-Axis Settings: Set your own minimum and maximum height limits, or let it scale automatically. Hide or show the side line and numbers.
• Reference Lines: Draw a horizontal line across Bar and Line charts at any number. Change its color and style (solid, dashed, or dotted).
• Bar Settings: Make bars skinnier or wider using a simple slider.
• Line Settings: Make lines smooth or straight, change their thickness, and fill the space underneath with color.
• Pie Settings: Turn your pie chart into a donut chart by cutting a hole in the middle.
• 100% Localized: Automatically matches your UI language and supports all Obsidian locales.
• Lightweight (~1MB): Built on Apache ECharts as the only dependency.

Usage Guide

Prerequisites

• Ensure the bases core plugin is installed and enabled in your settings.
• Install and enable this plugin.
• Open an existing base or create a new one.

Setting Up a Chart View

1. Create a new view within your base and select one of the available chart layouts.
2. Open the View Settings to configure the X-Axis and select the property you want to use as a category (Text, Number, or Date supported).
3. Open the properties menu in the top-right corner of the base to select the data for Y-Axis to be used as values (only Number is supported).