基于D3的可復用的圖表庫:C3.js

jopen 10年前發布 | 42K 次閱讀 C3.js 圖表/報表制作

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.baiduhome.net/lib/view/home/1409193341572

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!