<p style="text-align: center;"><strong><img alt="" src="https://simg.open-open.com/show/ff26fd894560221b9289d2eef4115578.png" /></strong></p> <p> </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> <p> </p> <h2>更新日志</h2> <h3>新功能</h3> <ul> <li><a href="/misc/goto?guid=4958995288699911698" title="Custom tooltip: add data points infos">#3201</a> Expose data points info for custom tooltip. Thanks <a href="/misc/goto?guid=4958995288816274657">@bydooweedoo</a></li> <li><a href="/misc/goto?guid=4958995288937336122">#3400</a> New tooltip and hover interaction modes.</li> <li><a href="/misc/goto?guid=4958995289033424816">#3411</a> New <code>displayColors</code> option to turn off tooltip color boxes.</li> <li><a href="/misc/goto?guid=4958995289143720498">#3453</a> New tooltip <code>average</code> and <code>nearest</code> positioning modes.</li> <li><a href="/misc/goto?guid=4958995289255734721">#3460</a> New line chart fill modes.</li> <li><a href="/misc/goto?guid=4958995289359886153">#3472</a> Add new <code>caretX</code> and <code>caretY</code> properties to tooltip point.</li> <li><a href="/misc/goto?guid=4958995289471263583">#3474</a> Charts can now be created from the canvas id.</li> <li><a href="/misc/goto?guid=4958995289578431253">#3476</a> Layout service now supports configurable padding.</li> <li><a href="/misc/goto?guid=4958995289682754696">#3477</a> New method to <code>reset()</code> the chart to its initial state.</li> <li><a href="/misc/goto?guid=4958995289801063011">#3494</a> New <code>tooltips.filter</code> option to filter tooltip items.</li> </ul> <h3>增强</h3> <ul> <li><a href="/misc/goto?guid=4958995289899512994">#3281</a> Better number formatting for the radial linear scale.</li> <li><a href="/misc/goto?guid=4958995290019765805">#3326</a> Make charts vertically responsive.</li> <li><a href="/misc/goto?guid=4958995290114783845">#3364</a> Inject iframe for responsive charts only.</li> <li><a href="/misc/goto?guid=4958995290230999402">#3399</a> Better animation when adding or removing data.</li> <li><a href="/misc/goto?guid=4958995288937336122">#3400</a> Improve tooltip and hover Interactions.</li> <li><a href="/misc/goto?guid=4958995289033424816">#3411</a> Display tooltip color boxes for all tooltips.</li> <li><a href="/misc/goto?guid=4958995290367838664">#3417</a> Expose the <code>drawBackground</code> tooltip method. Thanks <a href="/misc/goto?guid=4958995290481523721">@mjeanroy</a></li> <li><a href="/misc/goto?guid=4958995290587253580">#3468</a> Bar chart performance improvements.</li> <li><a href="/misc/goto?guid=4958995290693845870">#3504</a> Reorganize, cleanup and enhance samples.</li> <li>Update installation instructions in README.</li> </ul> <h3>问题已修复</h3> <ul> <li><a href="/misc/goto?guid=4958995290812500504">#3133</a> Skip non finite data points when determining scale sizes. Thanks <a href="/misc/goto?guid=4958995290919343553">@bcongdon</a></li> <li><a href="/misc/goto?guid=4958995291029714709">#3323</a> Fix the legend drawing when <code>labels.usePointStyle</code> is true.</li> <li><a href="/misc/goto?guid=4958995291137356090">#3324</a> Compute correct tooltip size when there is no title present.</li> <li><a href="/misc/goto?guid=4958995291246714513">#3325</a> Specifically handle multiline strings for doughnut charts.</li> <li><a href="/misc/goto?guid=4958995291354843021">#3341</a> Fix scale documentation.</li> <li><a href="/misc/goto?guid=4958995291477399653">#3356</a> Fix initial aspect ratio when not responsive.</li> <li><a href="/misc/goto?guid=4958995291477399653">#3356</a> Fix radar default aspect ratio and samples.</li> <li><a href="/misc/goto?guid=4958995291592020497">#3357</a> Fix documentation typos. Thanks <a href="/misc/goto?guid=4958995291698874969">@kant</a></li> <li><a href="/misc/goto?guid=4958995291812541352">#3358</a> Fix title overflow by using <code>maxWidth</code> <code>fillText()</code> argument. Thanks <a href="/misc/goto?guid=4958995291917016727">@dylan-kerr</a></li> <li><a href="/misc/goto?guid=4958995292027630853">#3361</a> Fix HTML legend string for polar area charts to match doughnut charts.</li> <li><a href="/misc/goto?guid=4958995292151317381">#3409</a> Generate ticks using only <code>min</code>, <code>max</code> and <code>stepSize</code> when all specified. Thanks <a href="/misc/goto?guid=4958995292274938483">@fewstera</a></li> <li><a href="/misc/goto?guid=4958995292381271806">#3421</a> Fix bubble chart tooltip callback to use correct labels.</li> <li><a href="/misc/goto?guid=4958995292492360380">#3443</a> Properly merge colors for the tooltip labels.</li> <li><a href="/misc/goto?guid=4958995292596280271">#3444</a> Fix documentation comparison table "check" character. Thanks <a href="/misc/goto?guid=4958995292712744246">@tiesont</a></li> <li><a href="/misc/goto?guid=4958995292817162606">#3446</a> Fix tooltip caret position.</li> <li><a href="/misc/goto?guid=4958995292935167880">#3450</a> Fix <code>options.events</code> option merging.</li> <li><a href="/misc/goto?guid=4958995289471263583">#3474</a> Prevent exception when an invalid canvas/context/id is provided.</li> <li><a href="/misc/goto?guid=4958995293057536389">#3490</a> Add missing tick <code>autoSkipPadding</code> option documentation. Thanks <a href="/misc/goto?guid=4958995293168691651">@bretjb</a></li> <li><a href="/misc/goto?guid=4958995293277261324">#3516</a> Fix a documentation typo. Thanks <a href="/misc/goto?guid=4958995293384906163">@varatep</a></li> <li><a href="/misc/goto?guid=4958995293497244678">#3522</a> Fix code and documentation typos. Thanks <a href="/misc/goto?guid=4958995293616790199">@jsoref</a></li> <li><a href="/misc/goto?guid=4958995293722473878">#3527</a> Fix iframe resize handler when re-attached to DOM.</li> <li>Move reverse option for labels to correct section in docs.</li> </ul> <h3>发展</h3> <ul> <li><a href="/misc/goto?guid=4958995289899512994">#3281</a> Refactor ticks generators and formatters.</li> <li><a href="/misc/goto?guid=4958995291477399653">#3356</a> Gulp command switch to run specific test files.</li> <li><a href="/misc/goto?guid=4958995293858545442">#3414</a> Fix NPM <code>watchify</code> dependency. Thanks <a href="/misc/goto?guid=4958995292274938483">@fewstera</a></li> <li><a href="/misc/goto?guid=4958995293984986203">#3473</a> Extend ESLint to unit test.</li> <li><a href="/misc/goto?guid=4958995294089961431">#3526</a> Bump ESLint to v3.x.</li> </ul> <h2>下载</h2> <ul> <li><a href="/misc/goto?guid=4958995294194077932" rel="nofollow"><strong>Chart.bundle.js</strong></a></li> <li><a href="/misc/goto?guid=4958995294311334765" rel="nofollow"><strong>Chart.bundle.min.js</strong></a></li> <li><a href="/misc/goto?guid=4958995294419351349" rel="nofollow"><strong>Chart.js</strong></a></li> <li><a href="/misc/goto?guid=4958995294525546013" rel="nofollow"><strong>Chart.js.zip</strong></a></li> <li><a href="/misc/goto?guid=4958995294637577963" rel="nofollow"><strong>Chart.min.js</strong></a></li> <li><a href="/misc/goto?guid=4958995294751423641" rel="nofollow"><strong>Source code</strong> (zip)</a></li> <li><a href="/misc/goto?guid=4958995294858855194" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li> </ul> <p>本站原创,转载时保留以下信息:<br /> 本文转自:深度开源(open-open.com)<br /> 原文地址:<a href="http://www.open-open.com/news/view/5c0c88e3">http://www.open-open.com/news/view/5c0c88e3</a></p>