lin-xin / Vue Schart
Licence: mit
📊 Vue.js wrapper for sChart.js
Stars: ✭ 273
Projects that are alternatives of or similar to Vue Schart
multi-verse
lit-element components for fast and modular multivariate analysis
Stars: ✭ 34 (-87.55%)
Mutual labels: chart
acceptance-testing
Acceptance test suite for the Helm client
Stars: ✭ 22 (-91.94%)
Mutual labels: chart
Awesome Dataviz
📈 A curated list of awesome data visualization libraries and resources.
Stars: ✭ 2,905 (+964.1%)
Mutual labels: chart
jqCandlestick
jQuery plugin for creating line, bar and candlestick charts.
Stars: ✭ 13 (-95.24%)
Mutual labels: chart
ionic-chart-example
Shown here the usage of common java script charting libraries with ionic 1.
Stars: ✭ 18 (-93.41%)
Mutual labels: chart
Datagear
数据可视化分析平台,使用Java语言开发,采用浏览器/服务器架构,支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源
Stars: ✭ 266 (-2.56%)
Mutual labels: chart
travis-github-chrome-extension
This is chrome extension for github page showing travis-ci pipeline status
Stars: ✭ 25 (-90.84%)
Mutual labels: chart
ScxmlEditor-Tutorial
ScxmlEditor - powerful tool for creating, editing and debugging scxml files
Stars: ✭ 33 (-87.91%)
Mutual labels: chart
awesome-canvas
Canvas资源库大全中文版。An awesome Canvas packages and resources.
Stars: ✭ 288 (+5.49%)
Mutual labels: chart
jelly-chart
Jelly-Chart is a chart library based on D3v4 and SVG.
Stars: ✭ 34 (-87.55%)
Mutual labels: chart
comparative-layout-explorer
📊 x 📊 =❓An online gallery to explore the design space of comparative layouts
Stars: ✭ 16 (-94.14%)
Mutual labels: chart
webtrees-pedigree-chart
SVG based pedigree chart module for webtrees genealogy application.
Stars: ✭ 24 (-91.21%)
Mutual labels: chart
Plottable
📊 A library of modular chart components built on D3
Stars: ✭ 2,834 (+938.1%)
Mutual labels: chart
Helmfile
Helmfile is a declarative spec for deploying helm charts. It lets you...
Stars: ✭ 3,596 (+1217.22%)
Mutual labels: chart
Fl chart
A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.
Stars: ✭ 3,882 (+1321.98%)
Mutual labels: chart
KeLi.FormChart
This is a ms windows forms chart demo project.
Stars: ✭ 12 (-95.6%)
Mutual labels: chart
vue-schart
📊 Vue.js wrapper for sChart.js
Support for use at the mobile. Support vue.js 1.x & 2.x & 3.x
Usage
Install:
npm install vue-schart -S
Use in component:
<template>
<div id="app">
<schart class="wrapper" canvasId="canvas" :options="options" />
</div>
</template>
<script>
import Schart from 'vue-schart';
export default {
data() {
return {
options: {
type: "bar",
title: {
text: "最近一周各品类销售图"
},
bgColor: "#fbfbfb",
labels: ["周一", "周二", "周三", "周四", "周五"],
datasets: [
{
label: "家电",
fillColor: "rgba(241, 49, 74, 0.5)",
data: [234, 278, 270, 190, 230]
},
{
label: "百货",
data: [164, 178, 190, 135, 160]
},
{
label: "食品",
data: [144, 198, 150, 235, 120]
}
]
}
}
},
components:{
Schart
}
}
</script>
<style>
.wrapper{
width: 7rem;
height: 5rem;
}
</style>
Options
Refer to the documentation for sChart.js.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].