1.0.1 • Published 7 years ago

mchart v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
7 years ago

M-Chart

####M-Chart is a mobile visual component library based on canvas.####

Example Usage

 // Load M-Chart, if you use the way below, you import the whole package of M-Chart,including all components and charts.

var Mchart = require("mchart.js");


//if you do not want to import the whole package, you can also import the object separately. "Graph" is a global object.
// "Graph.Chart" is a chart constructor, "Graph.Chart.Axis" is a axis constructor. see usages below.

require("/lib/graph");//exports Chart, binding the global Graph.Chart
require("/lib/chart");
require("/lib/axis");
require("/lib/legend");
require("/lib/tooltip");

// require the pie chart
require("/pie/js/pie");
//Generate pie chart
new Graph.Chart(DOMElement, {
	type: "pie",
	series: [{
		data: []
	}]
});

// simple API
@DOMElement => DOM structure with height and width, and can be CANVAS
@options => {
	chart: {...} => Options regarding the chart area and plot area as well as general chart options.
	title: {...} => The chart's main title.
	subtitle: {...} => The chart's subtitle.
	series: {...} => The actual series to append to the chart.
	legend: {...} => The legend is a box containing a symbol and name for each series item or point item in the chart.
	tooltip: {...} => Options for the tooltip that appears when the user hovers over a series or point.
	plotOptions: {...} => The plotOptions is a wrapper object for config objects for each series type.
	xAxis: {...} => The X axis or category axis. Normally this is the horizontal axis.
	yAxis: {...} => The Y axis or value axis. Normally this is the vertical axis, though if the chart is inverted this is the horizontal axis.
}