Vue Chart

This demonstrates creating a line chart using the Vue Trend library.

Usage

new Vue({ el: "#app" });

// Includes
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-trend-component@0.1.0/dist/vue-trend-component.common.min.js"></script>

<div id="app">
    <trend
    :data="[0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 5]"
    :gradient="['#6fa8dc', '#42b983', '#2c3e50']"
    auto-draw
    smooth
    >
    </trend>
</div>

Demo

https://peterlamar.github.io/vue-examples/vuechart/

code sandbox

Locally

Open file index.html in a web browser

Reference

Vue Trend