基于D3的可复用的图表库:C3.js

jopen 6年前

C3.js 是一个基于 D3.js 的可复用的开源图表库。具有易于使用、完全可定制性和可控制的特性。支持多种图表类型。
基于D3的可复用的图表库:C3.js

Comfortable

C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more.

Customizable

C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3.

Controllable

C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even if after it's rendered.

示例图表:

#Chart

Line Chart

Line chart with sequential data.

View details »

Timeseries Chart

Simple line chart with timeseries data.

View details »

Spline Chart

Display as Spline Chart.

View details »

Simple XY Line Chart

Simple line chart with custom x.

View details »

Multiple XY Line Chart

Multiple line chart with multiple custom x.

View details »

Line Chart with Regions

Set regions for each data with style.

View details »

Step Chart

Display as Step Chart.

View details »

Area Chart

Display as Area Chart.

View details »

Stacked Area Chart

Display as Stacked Area Chart.

View details »

Bar Chart

Display as Bar Chart.

View details »

Stacked Bar Chart

Display as Stacked Bar Chart.

View details »

Scatter Plot

Display as Scatter Plot.

View details »

Pie Chart

Display as Pie Chart.

View details »

Donut Chart

Display as Donut Chart.

View details »

Gauge Chart

Display as Gauge Chart.

View details »

Combination Chart

Display all kinda charts up in here.

View details »

基于D3的可复用的图表库:C3.js


项目主页:http://www.open-open.com/lib/view/home/1409193341572