Highcharts®
for Svelte

Highcharts for Svelte is a super-lightweight and fast package that lets you incorporate robust Highcharts data visualizations into your Svelte app or project without compromising performance.

Key Features

Fast, Lightweight and Easy to Use

Pass your Highcharts data visualization configurations as props to your Highcharts for Svelte components. Then use Svelte’s minimalist syntax to update the specific chart properties and behaviors you need without the overhead of editing external configurations.

Works with all Highcharts libraries

Create interactive, mobile-friendly data visualizations, maps, financial charts and timelines.

Complete Highcharts API Coverage

Highcharts for Svelte isn’t a watered-down version of Highcharts. Access all the options and customization capabilities of the full Highcharts API directly in your Svelte components.

Pre-built TypeScript Definitions

Don’t worry Typescript devs. All Highcharts for Svelte components include out-of-the-box type definitions, so there’s no need to manually define types for your Highcharts configurations. 

Comprehensive Support

We’re here to assist with any technical challenges you may encounter. Feel free to ask any Highcharts-related questions on our Highcharts Forums. If you have a specific issue related to Highcharts for Svelte, or have ideas for enhancements, submit a request on our GitHub repository.

Main Features

Vast chart collection

Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, solid gauge, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall, polar chart types and much more.

Options are optional

Highcharts simple options-structure allows for deep customization, and styling can be done via JavaScript or CSS. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality. Check out some advanced cool use cases in our community section, and plugins in our our extensions directory.

Flexible Styling

Our elegant charts render crisp and clear at any resolution and are easily styled via our simple options-structure or CSS.

Dynamic and Customizable

Our elegant charts render crisp and clear at any resolution and are easily styled via our simple options-structure using JavaScript or CSS. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality.

Touch and mobile-optimized

Intelligent responsiveness not only adjusts the chart to the dimensions of its container but also automatically places non-graph elements such as labels, legends, and headings in the most optimal location. Multi-touch gesture support allows for a native experience on mobile and touch screens. Touch gestures include single touch-drag for data inspection, multi-touch for  zooming, and more.

Vibrant community

The largest developer community of any premium charting tool on Github, StackOverflow, and other forums is eager to offer additional assistance, platform-specific implementation advice and inspiration when you need it. In addition, we have dozen dedicated support engineers monitoring our forums, StackOverflow, GitHub and support emails.

Join Our Vibrant Community

The most significant developer community of any premium charting tool on GitHubStackOverflow and Highcharts’ Forums, is eager to offer additional assistance, platform-specific implementation advice and inspiration when you need it.

Check out our documentation

Our customers praise our documentation as easy to follow, extensive and well organized. Filled with helpful examples, our API reference will have you customizing your data visualizations in no time and make maintaining them a breeze.

Robustify Highcharts