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.
370 lines
16 KiB
370 lines
16 KiB
1 year 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.7.20">v0.7.20</a><span class="gray"> - 2020-08-08</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.18">v0.7.18</a><span class="gray"> - 2020-06-17</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.17">v0.7.17</a><span class="gray"> - 2020-06-15</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.16">v0.7.16</a><span class="gray"> - 2020-06-15</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.15">v0.7.15</a><span class="gray"> - 2020-02-28</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.14">v0.7.14</a><span class="gray"> - 2020-02-24</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.12">v0.7.12</a><span class="gray"> - 2019-10-04</span>
|
||
|
|
%ul
|
||
|
|
%li Add rollup support.
|
||
|
|
%li Improved subchart handling.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.11">v0.7.11</a><span class="gray"> - 2019-10-04</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.10">v0.7.10</a><span class="gray"> - 2019-10-02</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.9">v0.7.9</a><span class="gray"> - 2019-09-23</span>
|
||
|
|
%ul
|
||
|
|
%li Experimental support for y/y2 log scale.
|
||
|
|
%li Restore tooltip behavior when grouped.
|
||
|
|
%li Add Region Labels.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.8">v0.7.8</a><span class="gray"> - 2019-08-25</span>
|
||
|
|
%ul
|
||
|
|
%li Fix scatter appearance.
|
||
|
|
%li Points in charts can be styled by css.
|
||
|
|
%li A fix for Firefox.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.7">v0.7.7</a><span class="gray"> - 2019-08-25</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.6">v0.7.6</a><span class="gray"> - 2019-08-20</span>
|
||
|
|
%ul
|
||
|
|
%li A bug fix.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.5">v0.7.5</a><span class="gray"> - 2019-08-19</span>
|
||
|
|
%ul
|
||
|
|
%li Add normalized stack chart.
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.4">v0.7.4</a><span class="gray"> - 2019-08-09</span>
|
||
|
|
%ul
|
||
|
|
%li Add padAngle option.
|
||
|
|
%li A bug fix.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.3">v0.7.3</a><span class="gray"> - 2019-07-29</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.2">v0.7.2</a><span class="gray"> - 2019-07-06</span>
|
||
|
|
%ul
|
||
|
|
%li Add stanford.scaleValues option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.1">v0.7.1</a><span class="gray"> - 2019-05-29</span>
|
||
|
|
%ul
|
||
|
|
%li Add an option for tooltip behavior.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.7.0">v0.7.0</a><span class="gray"> - 2019-04-10</span>
|
||
|
|
%ul
|
||
|
|
%li Add stanford diagram.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.14">v0.6.14</a><span class="gray"> - 2019-03-27</span>
|
||
|
|
%ul
|
||
|
|
%li Fixed a memory leak.
|
||
|
|
%li Fixed .selected() API.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.13">v0.6.13</a><span class="gray"> - 2019-03-04</span>
|
||
|
|
%ul
|
||
|
|
%li Reverted resizing change in 0.6.11.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.12">v0.6.12</a><span class="gray"> - 2018-12-28</span>
|
||
|
|
%ul
|
||
|
|
%li Added index to tooltip’s title format callback.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.11">v0.6.11</a><span class="gray"> - 2018-12-08</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug of resizing.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.10">v0.6.10</a><span class="gray"> - 2018-12-04</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug of arc chart.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.9">v0.6.9</a><span class="gray"> - 2018-11-22</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.8">v0.6.8</a><span class="gray"> - 2018-10-01</span>
|
||
|
|
%ul
|
||
|
|
%li Add src/* npm package.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.7">v0.6.7</a><span class="gray"> - 2018-08-08</span>
|
||
|
|
%ul
|
||
|
|
%li Add the zoom type 'drag'.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.6">v0.6.6</a><span class="gray"> - 2018-07-24</span>
|
||
|
|
%ul
|
||
|
|
%li Fix bug of gauge chart.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.5">v0.6.5</a><span class="gray"> - 2018-07-14</span>
|
||
|
|
%ul
|
||
|
|
%li Fix bug of hidden legend option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.4">v0.6.4</a><span class="gray"> - 2018-07-12</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug of mouse events.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.3">v0.6.3</a><span class="gray"> - 2018-07-06</span>
|
||
|
|
%ul
|
||
|
|
%li Fix a bug of gauge.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.2">v0.6.2</a><span class="gray"> - 2018-06-08</span>
|
||
|
|
%ul
|
||
|
|
%li Add step-before and step-after for line.step.type option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.4.23">v0.4.23</a><span class="gray"> - 2018-05-18</span>
|
||
|
|
%ul
|
||
|
|
%li Add axis.x.tick.multilineMax option (0.4 branch).
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.1">v0.6.1</a><span class="gray"> - 2018-05-17</span>
|
||
|
|
%ul
|
||
|
|
%li Add axis.x.tick.multilineMax option.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.6.0">v0.6.0</a><span class="gray"> - 2018-05-14</span>
|
||
|
|
%ul
|
||
|
|
%li Update D3 dependency to v5.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.5.4">v0.5.4</a><span class="gray"> - 2018-04-23</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%li
|
||
|
|
<a href="https://github.com/c3js/c3/releases/tag/v0.5.3">v0.5.3</a><span class="gray"> - 2018-04-12</span>
|
||
|
|
%ul
|
||
|
|
%li Bug fixes.
|
||
|
|
%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'
|