Chart.Js v2.2.0 发布,一个简单、面向对象、为设计者和开发者准备的图表绘制库
jopen 8年前
<p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/ff26fd894560221b9289d2eef4115578.png" /></p> <p>Chart.js帮你用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果,并且看上去非常棒,即便是在retina屏幕上。</p> <p>Chart.js基于HTML5 canvas技术,支持所有现代浏览器,并且针对IE7/8提供了降级替代方案。</p> <p>Chart.js不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法。</p> <p>教程:<a href="http://www.open-open.com/lib/view/open1464182792891.html">Chart.js 中文文档</a> </p> <h2>更新日志</h2> <h3>功能增强</h3> <ul> <li>New build system <a href="/misc/goto?guid=4958992103188649370">#2555</a></li> <li>Adds a new tooltip and hover mode that replicates the <code>label</code> mode of Chart.js V1. <a href="/misc/goto?guid=4958992103321172662">#2299</a> Thanks<a href="/misc/goto?guid=4958992103425104579">@Mesonyx</a></li> <li>Allow stacked scatter charts <a href="/misc/goto?guid=4958992103565244513" title=""stacked" option doesn't work with scatter line chart">#2878</a> Thanks <a href="/misc/goto?guid=4958992103695665903">@mtanda</a></li> <li>Can now manually configure the thickness of a bar in a bar chart. Use a new <code>barThickness</code> option on the correct axis to set the thickness of a bar. <a href="/misc/goto?guid=4958992282886830020">#2910</a> Thanks <a href="/misc/goto?guid=4958992282982952709">@Joshuabaker2</a></li> <li>You can now configure the starting angle for radar charts <a href="/misc/goto?guid=4958992283082488526">#1012</a> Thanks <a href="/misc/goto?guid=4958992283185225848">@slinhart</a></li> <li>You can now configure the starting angle for polar area charts <a href="/misc/goto?guid=4958992283274851278">#524</a></li> </ul> <h3>问题修复</h3> <ul> <li>Fixed JSHint warnings <a href="/misc/goto?guid=4958992103827193589">#2734</a> Thanks <a href="/misc/goto?guid=4958990821381334337">@simonbrunel</a></li> <li>Fixed the tooltip average position calculation <a href="/misc/goto?guid=4958992103999702670" title="Tooltip type 'Label' is not shown for data set with null points in dataset">#2826</a></li> <li>Allow passing the value property to the time scale <code>getPixelForValue</code> function <a href="/misc/goto?guid=4958992104121210990">#2604</a> <a href="/misc/goto?guid=4958992104249691040">#2916</a></li> <li>If no config is passed to the chart, gracefully fail. <a href="/misc/goto?guid=4958992104369884999">#2526</a></li> <li><code>spanGaps</code> option for line chart can now be specified per chart instead of only per dataset</li> <li>Polar area charts used to be off center <a href="/misc/goto?guid=4958992104504405027">#2708</a></li> <li>Fixed typo in tooltip section of docs <a href="/misc/goto?guid=4958992104628584415" title="Typo in ToolTip Documentation">#2839</a></li> <li>Fixed scale title display in samples <a href="/misc/goto?guid=4958992104748706061" title="Fix line example not showing Scale Titles">#2848</a> Thanks <a href="/misc/goto?guid=4958992104867470315">@ronaldgrn</a></li> <li>Fixed an issue when the time scale had only one point <a href="/misc/goto?guid=4958992104993340580">#2741</a> Thanks <a href="/misc/goto?guid=4958991342197572578">@duerahan</a></li> <li>Fixed an issue with tooltip display when one dataset does not have a value. <a href="/misc/goto?guid=4958992105168046112">#2789</a> Thanks <a href="/misc/goto?guid=4958992105298193224">@awallat</a></li> <li>Scale docs linked to wrong session <a href="/misc/goto?guid=4958992105431380483">#2859</a> Thanks <a href="/misc/goto?guid=4958992105546682775">@azranel</a></li> <li>Default to a 0 starting point for polar area graphs <a href="/misc/goto?guid=4958992105677573735">#2809</a></li> <li>Fixed an issue with pie and doughnut chart hover border clipping <a href="/misc/goto?guid=4958992105799272875">#2844</a> Thanks <a href="/misc/goto?guid=4958992105940095614">@neilmacintyre</a></li> <li>Fixed a typo in the docs <a href="/misc/goto?guid=4958992106069851914">#2888</a></li> <li>Fixed a typo in the bar chart docs <a href="/misc/goto?guid=4958992106195554208">#2897</a> Thanks <a href="/misc/goto?guid=4958992106316993098">@jimkring</a></li> <li>Improve documentation regarding <code>offsetGridLines</code> option <a href="/misc/goto?guid=4958992106429769463">#2894</a> Thanks <a href="/misc/goto?guid=4958992106557662009">@moberwasserlechner</a></li> <li>Fix an issue when clicking on the label of a category scale <a href="/misc/goto?guid=4958992106679941117">#2802</a></li> <li>Tooltip <code>xAlign</code> and <code>yAlign</code> were swapped. <a href="/misc/goto?guid=4958992106807079161" title="Tooltip xAlign/yAlign swapped">#2923</a> Thanks <a href="/misc/goto?guid=4958992106944443448">@jeffesp</a></li> <li>Fix typo in the docs <a href="/misc/goto?guid=4958992107067497625">#2936</a> Thanks <a href="/misc/goto?guid=4958992107192487122">@gitname</a></li> <li>Add wikipedia link for DRY acronym <a href="/misc/goto?guid=4958992107318206774">#2905</a> Thanks <a href="/misc/goto?guid=4958992107446979509">@shuson</a></li> <li>Fix <code>null</code> labels affecting tooltips <a href="/misc/goto?guid=4958992107588468702">#2875</a> Thanks <a href="/misc/goto?guid=4958992103425104579">@Mesonyx</a></li> <li>Fix docs typo <a href="/misc/goto?guid=4958992107726566213">#2961</a> Thanks <a href="/misc/goto?guid=4958992106557662009">@moberwasserlechner</a></li> <li>Fixed an issue with numerical data sent to the chart as strings when the axis was stacked <a href="/misc/goto?guid=4958992107875484358">#2915</a></li> <li>Fix an issue when hovering a point on the chart where not all datasets have data. <a href="/misc/goto?guid=4958992283383008441">#2990</a> Thanks<a href="/misc/goto?guid=4958992283480158663">@tiagoroldao</a></li> <li>Fix an issue in the docs where the pie chart was difficult to click on <a href="/misc/goto?guid=4958992283568457036">#2983</a> Thanks <a href="/misc/goto?guid=4958992283674873302">@sibennayak</a></li> <li>Removed an unused property from the radar chart sample <a href="/misc/goto?guid=4958992631749858941">#3027</a> Thanks <a href="/misc/goto?guid=4958992106557662009">@moberwasserlechner</a></li> <li>Correct doc spelling mistakes <a href="/misc/goto?guid=4958992631848723727">#3032</a> Thanks <a href="/misc/goto?guid=4958992631934782998">@Neabfi</a></li> <li>Prevent the time scale <code>getLabelMoment</code> method from going out of bounds <a href="/misc/goto?guid=4958992632019271859">#3039</a> Thanks <a href="/misc/goto?guid=4958992632108372342">@ianks</a></li> <li>Duplicate <code>stepSize</code> property in docs <a href="/misc/goto?guid=4958992632202601910">#3048</a> Thanks <a href="/misc/goto?guid=4958992632288152198">@mdewilde</a></li> <li><code>getElementAtEvent</code> could return more than 1 item <a href="/misc/goto?guid=4958992632368598655">#2981</a>, <a href="/misc/goto?guid=4958992632465251260">#2884</a> Thanks <a href="/misc/goto?guid=4958992632548610619">@IonutLaceanu</a></li> <li>Fixed <code>spanGaps</code> option to work with bezier curves <a href="/misc/goto?guid=4958992632640688077">#2812</a></li> </ul> <h2>下载</h2> <ul> <li><a href="/misc/goto?guid=4958992632734775708" rel="nofollow">435 KB<strong>Chart.bundle.js</strong></a></li> <li><a href="/misc/goto?guid=4958992632825752503" rel="nofollow">184 KB<strong>Chart.bundle.min.js</strong></a></li> <li><a href="/misc/goto?guid=4958992632918381005" rel="nofollow">300 KB<strong>Chart.js</strong></a></li> <li><a href="/misc/goto?guid=4958992633001426703" rel="nofollow">297 KB<strong>Chart.js.zip</strong></a></li> <li><a href="/misc/goto?guid=4958992633090026417" rel="nofollow">137 KB<strong>Chart.min.js</strong></a></li> <li><a href="/misc/goto?guid=4958992633175685297" rel="nofollow"><strong>Source code</strong> (zip)</a></li> <li><a href="/misc/goto?guid=4958992633267801569" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li> </ul>