mirror of https://github.com/masayuki0812/c3.git
Quite good looking graph derived from d3.js
http://c3js.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
214 lines
9.6 KiB
214 lines
9.6 KiB
7 years ago
|
.container
|
||
|
|
|
||
|
|
%h1.title
|
||
|
|
C3.js
|
||
|
|
%small D3-based reusable chart library
|
||
|
|
|
||
|
|
.chart
|
||
|
|
#message
|
||
|
|
%a.button.small( onclick="startDemo();") Start Demo
|
||
|
|
#chart
|
||
|
|
|
||
|
|
%hr.large
|
||
|
|
|
||
|
|
%h2.text-center Why C3?
|
||
|
|
.row.text-center.features
|
||
|
|
.medium-4.large-4.columns.supporticons
|
||
|
|
%h3 Comfortable
|
||
|
|
%p
|
||
|
|
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.
|
||
|
|
.medium-4.large-4.columns.supporticons
|
||
|
|
%h3 Customizable
|
||
|
|
%p
|
||
|
|
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.
|
||
|
|
|
||
|
|
.medium-4.large-4.columns.supporticons
|
||
|
|
%h3 Controllable
|
||
|
|
%p
|
||
|
|
C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered.
|
||
|
|
|
||
|
|
%h3.text-center.sub
|
||
|
|
C3 enables deeper integration of charts into your application.
|
||
|
|
%br
|
||
|
|
|
||
|
|
.text-center
|
||
|
|
%a.button( href="/gettingstarted.html" ) Getting Started
|
||
|
|
|
||
|
|
%hr
|
||
|
|
|
||
|
|
%h3 Change Log
|
||
|
|
%ul
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.5.2">v0.5.2</a><span class="gray"> - 2018-03-31</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.5.1">v0.5.1</a><span class="gray"> - 2018-03-25</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.5.0">v0.5.0</a><span class="gray"> - 2018-03-24</span>
|
||
|
|
%ul
|
||
|
|
%li Update D3 dependency to version 4.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.22">v0.4.22</a><span class="gray"> - 2018-03-21</span>
|
||
|
|
%ul
|
||
|
|
%li Add axis.x.inner option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.21">v0.4.21</a><span class="gray"> - 2018-02-15</span>
|
||
|
|
%ul
|
||
|
|
%li Multi arc gauge chart.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.20">v0.4.20</a><span class="gray"> - 2018-02-11</span>
|
||
|
|
%ul
|
||
|
|
%li Fix gauge chart with fullCircle option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.19">v0.4.19</a><span class="gray"> - 2018-02-10</span>
|
||
|
|
%ul
|
||
|
|
%li Do not call resize functions when chart is hidden.
|
||
|
|
%li Switched CI environment.
|
||
|
|
%li Have license in minified bundle.
|
||
|
|
%li Fixed a memory leak.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.18">v0.4.18</a><span class="gray"> - 2017-09-14</span>
|
||
|
|
%ul
|
||
|
|
%li point.focus.expand.r takes a function.
|
||
|
|
%li Pie and donuts really handle data.order correctly.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.17">v0.4.17</a><span class="gray"> - 2017-08-19</span>
|
||
|
|
%ul
|
||
|
|
%li Added bar.space option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.16">v0.4.16</a><span class="gray"> - 2017-08-16</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fix of bar chart.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.15">v0.4.15</a><span class="gray"> - 2017-07-20</span>
|
||
|
|
%ul
|
||
|
|
%li Move some style handling to css.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.14">v0.4.14</a><span class="gray"> - 2017-06-24</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fix.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.13">v0.4.13</a><span class="gray"> - 2017-06-11</span>
|
||
|
|
%ul
|
||
|
|
%li New option and bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.12">v0.4.12</a><span class="gray"> - 2017-05-28</span>
|
||
|
|
%ul
|
||
|
|
%li Performance improvement and bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.11">v0.4.11</a><span class="gray"> - 2016-05-01</span>
|
||
|
|
%ul
|
||
|
|
%li New features, performance improvement and bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.10">v0.4.10</a><span class="gray"> - 2015-03-17</span>
|
||
|
|
%ul
|
||
|
|
%li New features, performance improvement and bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.9">v0.4.9</a><span class="gray"> - 2015-01-18</span>
|
||
|
|
%ul
|
||
|
|
%li New features, performance improvement and bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.8">v0.4.8</a><span class="gray"> - 2014-12-14</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.7">v0.4.7</a><span class="gray"> - 2014-12-02</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.6">v0.4.6</a><span class="gray"> - 2014-12-01</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.5">v0.4.5</a><span class="gray"> - 2014-11-30</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li Performance improvement.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.4">v0.4.4</a><span class="gray"> - 2014-11-21</span>
|
||
|
|
%ul
|
||
|
|
%li New features (e.g. <span class="code">axis.y/y2.inner</span>, <span class="code">legend.hide</span> options)
|
||
|
|
%li Bug fixes.
|
||
|
|
%li Performance improvement.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.3">v0.4.3</a><span class="gray"> - 2014-11-18</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.2">v0.4.2</a><span class="gray"> - 2014-11-17</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.1">v0.4.1</a><span class="gray"> - 2014-11-16</span>
|
||
|
|
%ul
|
||
|
|
%li Fixed class suffix.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.4.0">v0.4.0</a><span class="gray"> - 2014-11-15</span>
|
||
|
|
%ul
|
||
|
|
%li A lot of bug fixes and new features
|
||
|
|
%li Introduce unit test (it's not enough though)
|
||
|
|
%li <a href="https://github.com/c3js/c3/releases/tag/0.4.0">and more...</a>
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.3.0">v0.3.0</a><span class="gray"> - 2014-08-22</span>
|
||
|
|
%ul
|
||
|
|
%li Introduced new architecture so that we can extend this library more easily.
|
||
|
|
%li Modified some options such as <span class="code">data.xFormat</span> and <span class="code">data.xLocaltime</span>.
|
||
|
|
%li Splitted source file into small ones.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.5">v0.2.5</a><span class="gray"> - 2014-08-09</span>
|
||
|
|
%ul
|
||
|
|
%li Modified to use <span class="code">data.onclick</span>, <span class="code">data.onmouseover</span> and <span class="code">data.onmouseout</span> on pie/donut/gauge instead of its callbacks
|
||
|
|
%li Modified <span class="code">unload</span> interface
|
||
|
|
%li Bug fixes
|
||
|
|
%li <a href="https://github.com/c3js/c3/releases/tag/0.2.5">and more...</a>
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.4">v0.2.4</a><span class="gray"> - 2014-06-16</span>
|
||
|
|
%ul
|
||
|
|
%li Added new options such as <span class="code">pie.sort</span>, <span class="code">donut.sort</span>, <span class="code">bar.zerobased</span>, <span class="code">area.zerobased</span>
|
||
|
|
%li Added new API such as <span class="code">category</span>, <span class="code">categories</span>
|
||
|
|
%li Bug fixes
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.3">v0.2.3</a><span class="gray"> - 2014-06-04</span>
|
||
|
|
%ul
|
||
|
|
%li Renamed callbacks (onend/onenter/onleave)
|
||
|
|
%li Added extension for zoom with reduction (by <a href="https://github.com/danelkhen">@danelkhen</a> Thank you!)
|
||
|
|
%li Bug fixes
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.2">v0.2.2</a><span class="gray"> - 2014-06-03</span>
|
||
|
|
%ul
|
||
|
|
%li Supported ungrouped tooltip
|
||
|
|
%li Added zoom.enable API
|
||
|
|
%li Bug fixes
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.1">v0.2.1</a><span class="gray"> - 2014-06-02</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/0.2.0">v0.2.0</a><span class="gray"> - 2014-05-30</span>
|
||
|
|
%ul
|
||
|
|
%li Supported step line/area, stacked line/area, stacked line/area, gauge chart
|
||
|
|
%li Supported JSON as input
|
||
|
|
%li Added flow API
|
||
|
|
%li etc
|
||
|
|
%li <a href="https://github.com/c3js/c3/releases/tag/0.1.42">v0.1.42</a><span class="gray"> - 2014-05-18</span>
|
||
|
|
|
||
|
|
%h3 Browser Support
|
||
|
|
%p Because of the dependence on D3, C3 supports only modern browsers D3 supports. Please see <a href="https://github.com/mbostock/d3/wiki#browser--platform-support">the description in D3</a>.
|
||
|
|
%p Note: For IE9 and IE10, polyfill is required because c3 uses <span class="code">MutationObserver</span>, which is not supported in those versions. However, it's not required if charts always will be binded to the DOM specified by <span class="code">bindto</span> because <span class="code">MutationObserver</span> is not called in that case.
|
||
|
|
|
||
|
|
%h3 Dependency
|
||
|
|
%ul
|
||
|
|
%li <a href="https://github.com/mbostock/d3" target="_blank">D3.js</a> <span class="code">^4.12.0</span>
|
||
|
|
%p Note: If you need to use D3 v3.x, please use C3 <a href="https://unpkg.com/c3@0.4.22/c3.js">v0.4.22</a>, which is compatible with D3 v3.x.
|
||
|
|
|
||
|
|
%h3 License
|
||
|
|
%p MIT
|
||
|
|
|
||
|
|
= partial :footer
|
||
|
|
|
||
|
|
= partial :script
|
||
|
|
= javascript_include_tag 'index'
|