zingchart / Zingchart Ember
Licence: mit
A ZingChart component for Ember CLI
Stars: ✭ 18
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Zingchart Ember
Awesome
A curated list of awesome Chart.js resources and libraries
Stars: ✭ 621 (+3350%)
Mutual labels: charts
Ember Electron
⚡️ Build, test, compile and package desktop apps with Ember and Electron
Stars: ✭ 788 (+4277.78%)
Mutual labels: ember
Chartify
📊 📈 📉 React.js plugin for building charts using CSS
Stars: ✭ 671 (+3627.78%)
Mutual labels: charts
Chartkick.py
Create beautiful Javascript charts with minimal code
Stars: ✭ 695 (+3761.11%)
Mutual labels: charts
Sentry Javascript
Official Sentry SDKs for JavaScript. We're hiring https://grnh.se/ca81c1701us
Stars: ✭ 6,012 (+33300%)
Mutual labels: ember
Primeng
The Most Complete Angular UI Component Library
Stars: ✭ 7,180 (+39788.89%)
Mutual labels: charts
Terriajs
A library for building rich, web-based geospatial data platforms.
Stars: ✭ 699 (+3783.33%)
Mutual labels: charts
Storefront Api Examples
Example custom storefront applications built on Shopify's Storefront API
Stars: ✭ 769 (+4172.22%)
Mutual labels: ember
Chartkick
Create beautiful JavaScript charts with one line of Ruby
Stars: ✭ 5,903 (+32694.44%)
Mutual labels: charts
Uplot
📈 A small, fast chart for time series, lines, areas, ohlc & bars
Stars: ✭ 6,808 (+37722.22%)
Mutual labels: charts
Jfreechart
A 2D chart library for Java applications (JavaFX, Swing or server-side).
Stars: ✭ 665 (+3594.44%)
Mutual labels: charts
Rickshaw
JavaScript toolkit for creating interactive real-time graphs
Stars: ✭ 6,506 (+36044.44%)
Mutual labels: charts
Explorer
Data Explorer by Keen - point-and-click interface for analyzing and visualizing event data.
Stars: ✭ 725 (+3927.78%)
Mutual labels: charts
Umami
Umami is a simple, fast, website analytics alternative to Google Analytics.
Stars: ✭ 9,228 (+51166.67%)
Mutual labels: charts
ZingChart-Ember
A ZingChart component for Ember CLI
Resources:
Installation
npm install --save ember-zingchart
ember g ember-zingchart
Usage
Use the following custom element to a Handlebars template file:
{{ember-zingchart renderOptions=myRenderOptions}}
###Properties | Property | Required? | Type | Description | | :------------- |:-------------:| :----:| :---- | | renderOptions | required | Object | Render method configuration object used to configure the individual elements of a chart.|
The configuration object renderOptions
is stored in tests/dummy/app/controllers/application.js.
###Example Controller
import Ember from 'ember';
let _renderOptions = {
height: 400,
width: "100%",
events: {
node_click:function(p) {
console.log(p);
}
},
data: {
"type":"line",
"title":{
"text":"Average Metric"
},
"series":[
{
"values":[69,68,54,48,70,74,98,70,72,68,49,69]
},
{
"values":[51,53,47,60,48,52,75,52,55,47,60,48]
},
{
"values":[42,43,30,40,31,48,55,46,48,32,38,38]
},
{
"values":[25,15,26,21,24,26,33,25,15,25,22,24]
}
]
},
defaults: {
"palette" : {
"line" : [
["#ffffff", "#196eed", "#196eed", "#196eed"],
["#ffffff", "#d94530", "#d94530", "#d94530"],
["#ffffff", "#fdb82b", "#fdb82b", "#fdb82b"],
["#ffffff", "#159755", "#159755", "#159755"],
["#ffffff", "#8e8e8e", "#8e8e8e", "#8e8e8e"]
]
},
"graph" : {
"background-color":"#f9f9f9",
"border-color":"#ddd",
"border-width":"1px",
"border-style":"solid",
"border-radius":5,
"title" : {
"background-color" : "#5f9af3",
"height":"30px",
"align":"center",
"font-color" : "#fff",
"border-radius-top-left":5,
"border-radius-top-right":5
},
}
}
}; // _renderOptions
export default Ember.Controller.extend({
// improve the readability of the controller
// by keeping the actual config object outside
myRenderOptions: _renderOptions
});
For more information on using ZingChart, visit http://www.zingchart.com/docs/.
For more information on using ember-cli, visit http://www.ember-cli.com/.
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].