ECharts v3.2.0 发布，一个纯 Javascript 的图表库
jopen 8年前
<p style="text-align: center;"><img alt="" src="https://simg.open-open.com/show/f6169d3f8472c56d8ffa320c7cd5408d.png" /></p> <p>ECharts是一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。</p> <p><img alt="" src="https://simg.open-open.com/show/717929ffde2d61cb41ef58dc16435ba5.png" /></p> <p><img alt="" src="https://simg.open-open.com/show/2275c5ccafbb0c987f7d1fc575875cdd.png" /></p> <p><img alt="" src="https://simg.open-open.com/show/315e712f87818bdff2017e33917f2c25.png" /></p> <h2>更新日志</h2> <ul> <li> <p><strong>[+] 新加刷选 <a href="/misc/goto?guid=4958991821823908915">brush</a> 组件。</strong> 见下面几个 Brushing and Linking 的例子：</p> <ul> <li><a href="/misc/goto?guid=4958991821922130011">地图与平行坐标</a>，<a href="/misc/goto?guid=4958991822015532325">K线图与柱状图</a>，<a href="/misc/goto?guid=4958991822110263184">散点矩阵与平行坐标</a></li> </ul> </li> <li> <p><strong>[+] 新加标域 <a href="/misc/goto?guid=4958991822201074018">markArea</a> 组件。</strong> 见示例 <a href="/misc/goto?guid=4958991822290372555">用电量分布</a>，<a href="/misc/goto?guid=4958991822385336055">男女身高体重分布</a></p> </li> <li> <p><strong>[+] 新加单轴 <a href="/misc/goto?guid=4958991822480120857">singleAxis</a> 组件。</strong> 见示例 <a href="/misc/goto?guid=4958991822580746310">单轴散点图</a></p> </li> <li> <p>[^] 折线图优化</p> <ul> <li>[+] 新增 <a href="/misc/goto?guid=4958991822670639288">step</a> 属性显示成阶梯线图。见示例 <a href="/misc/goto?guid=4958991822763999904">Step Line</a></li> <li>[^] 优化与 visualMap 的结合，支持分段显示不同颜色。见示例 <a href="/misc/goto?guid=4958991822850246268">北京 AQI</a>，<a href="/misc/goto?guid=4958991822290372555">用电量分布</a></li> </ul> </li> <li> <p>[^] 线图优化</p> <ul> <li> <p>[+] 新增 <code>polyline</code> 属性，支持显示多段的轨迹路线。见示例 <a href="/misc/goto?guid=4958991822956806203">北京公交路线图</a>，以及 <a href="/misc/goto?guid=4958991823045469252">带有特效的北京公交路线图</a></p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991823144621880">large</a> 和 <a href="/misc/goto?guid=4958991823239868724">largeThreshold</a> 配置项支持大规模线图的绘制。见示例 <a href="/misc/goto?guid=4958991823320818588">65k 条飞机航线的可视化</a></p> </li> <li> <p>[+] <a href="/misc/goto?guid=4958991823418270584">effect</a> 新增 <a href="/misc/goto?guid=4958991823506209386">constantSpeed</a> 和 <a href="/misc/goto?guid=4958991823596534768">loop</a></p> </li> <li> <p>[^] 数据格式变动，从原先的 <code>data: [ [{ coord: [lng, lat] }, { coord: [lng, lat]}] ]</code> 改为<code>data: [ { coords: [[lng, lat], [lng, lat]] } ]</code>。统一在一个属性里存放坐标点是为了更好的支持 <code>polyline</code> 为 true 的时候配置多个坐标点。原先的方式也兼容，但是不建议继续使用。</p> </li> </ul> </li> </ul> <ul> <li> <p>[^] Graph 优化</p> <ul> <li>[+] 新加 <a href="/misc/goto?guid=4958991823697819434">focusNodeAdjacency</a> 配置项用于开启鼠标 hover 高亮节点及相邻边和节点的效果。</li> <li>[+] 边颜色 <a href="/misc/goto?guid=4958991823796042778">lineStyle.normal.color</a> 支持配置为 <code>'source'</code> 或者 <code>'target'</code> 取源节点和目标节点的颜色。见示例 <a href="/misc/goto?guid=4958973417580722046">Les Miserables</a></li> <li>[+] 改为使用默认取全局的调色盘</li> <li>修复 <a href="/misc/goto?guid=4958991823913467351">edgeSymbolSize</a> 为数组时边无法显示的 bug。</li> <li>修复同时配置 <a href="/misc/goto?guid=4958991824000472439">edgeSymbol</a> 和 <a href="/misc/goto?guid=4958991824096161931">force layout</a> 时会导致布局抽搐的 bug。</li> </ul> </li> <li> <p>[^] dataZoom 优化</p> <ul> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991824186640698">handleIcon</a> 配置项用于配置手柄形状。<a href="/misc/goto?guid=4958991824186640698">handleSize</a> 修改为相对于 dataZoom 高度的百分比大小。见示例 <a href="/misc/goto?guid=4958991824298754234">2015 年上证指数</a></p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991824384499207">handleStyle</a> 配置项用于配置更丰富的手柄细节样式。取代原先的 <code>handleColor</code> 配置项。</p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991824477034017">dataBackground</a> 配置项用于配置更丰富的数据预览样式。取代原先的<code>dataBackgroundColor</code> 配置项。</p> </li> </ul> </li> <li> <p>[^] 平行坐标优化</p> <ul> <li> <p>[^] 新增 <a href="/misc/goto?guid=4958991824573613769">parallel.axisExpandable</a>，改善高维数据（大量坐标轴）的展示。参见例子 [<a href="/misc/goto?guid=4958991821922130011">http://echarts.baidu.com/gallery/editor.html?c=map-parallel-prices</a>]</p> </li> <li> <p>[^] 新增 <a href="/misc/goto?guid=4958991824674868741">parallelAxis.realtime</a></p> </li> </ul> </li> <li> <p>[^] 坐标轴优化</p> <ul> <li>[^] 坐标轴支持过渡动画。见示例 <a href="/misc/goto?guid=4958991824776467744">动态数据</a></li> <li>[^] 优化坐标轴轴线和刻度线的绘制效果。</li> <li>[^] 类目轴默认不显示分隔线 splitLine。</li> <li>[^] 类目轴自动间隔的计算优化。修复类目轴在数据很多的时候有可能出现标签重叠的问题。</li> <li>[^] <a href="/misc/goto?guid=4958991824870934931">axisTick</a>, <a href="/misc/goto?guid=4958991824974780917">axisLabel</a> 默认取 <a href="/misc/goto?guid=4958991825064583405">axisLine</a> 的颜色。</li> <li>[^] 修复双类目轴时数据无法使用类目值的 bug。见 <a href="/misc/goto?guid=4958991825160627859">#3494</a></li> </ul> </li> <li> <p>[^] 桑基图 优化</p> <ul> <li>[+] 边颜色 <a href="/misc/goto?guid=4958991825253932128">lineStyle.normal.color</a> 支持配置为 <code>'source'</code> 或者 <code>'target'</code> 取源节点和目标节点的颜色。</li> </ul> </li> <li> <p>[^] visualMap 组件优化</p> <ul> <li>[+] 新增 <a href="/misc/goto?guid=4958991825344653341">realtime</a> 配置项。</li> <li>[^] 分段区间配置 <a href="/misc/goto?guid=4958991825438134703">pieces</a> 改为通过 <code>lt</code>, <code>lte</code>, <code>gt</code>, <code>gte</code> 更细致的配置区间和区间的开闭。</li> </ul> </li> <li> <p>[^] markPoint 和 markLine 优化</p> <ul> <li>[+] 新增 <code>silent</code> 配置项用于关闭交互。</li> <li>[^] 数据配置更加灵活，支持每个维度 (xAxis, yAxis) 配置为<code>'min'</code>, <code>'max'</code>, <code>'average'</code>。</li> <li>[^] 平均值计算忽略控制。见 <a href="/misc/goto?guid=4958991825539522443">#3367</a></li> </ul> </li> <li> <p>[^] 散点图在 <a href="/misc/goto?guid=4958991825627108638">large</a> 模式下也支持 tooltip 和鼠标事件触发。</p> </li> <li> <p>[^] 工具栏组件的 <a href="/misc/goto?guid=4958991825711234247">dataZoom</a> 支持通过配置 <code>yAxisIndex: 'none'</code> 或者 <code>yAxisIndex: 'none'</code> 设置单轴上的框选。</p> </li> <li> <p>[+] 图例新增 <a href="/misc/goto?guid=4958991825810468945">inactiveColor</a> 配置图例关闭时的颜色。</p> </li> <li> <p>[+] 标题组件新增 <a href="/misc/goto?guid=4958991825895781854">textBaseline</a> 用于配置标题文字的垂直对齐。</p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991825986960191">hoverLayerThreshold</a> 配置项</p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991826094829951">progressive</a> 和 <a href="/misc/goto?guid=4958991826179785123">progressiveThreshold</a> 配置用于配置渐进式渲染。见示例 <a href="/misc/goto?guid=4958991826265439007">parallel-nutrients</a></p> </li> <li> <p>[+] 新增 <a href="/misc/goto?guid=4958991826356975532">blendMode</a> 配置图形的混合模式。</p> </li> <li> <p>[+] <code>itemStyle</code> 新增 <a href="/misc/goto?guid=4958991826451749894">borderType</a> 配置边框类型。</p> </li> <li> <p>[+] 调色盘取色优化，相同名称的数据默认取相同的颜色。</p> </li> <li> <p>[+] 仪表盘新增 <a href="/misc/goto?guid=4958991826545440318">axisLabel.distance</a> 配置项。</p> </li> <li> <p>[^] 颜色支持配置为渐变色和纹理。见 <a href="/misc/goto?guid=4958991826632589692">itemStyle.normal.color</a>。示例 <a href="/misc/goto?guid=4958991826728972702">渐变</a>，<a href="/misc/goto?guid=4958991826813757113">纹理</a></p> </li> <li> <p>[^] 修复多个系列的地图 tooltip 和 symbol 显示不正确的 bug。见 <a href="/misc/goto?guid=4958991826902440952">#3436</a> <a href="/misc/goto?guid=4958991826991620295">#3320</a></p> </li> <li> <p>[^] 优化 effectScatter 在 setOption 更新数据时动画不连贯的问题。见 <a href="/misc/goto?guid=4958991827079276037">#3439</a></p> </li> <li> <p>[^] 优化 tooltip，返回空字符串的话不显示浮层。</p> </li> <li> <p>[^] 修复 splitArea 会覆盖 splitLine 的问题。</p> </li> <li> <p>[^] 修复雷达图不能修改线条颜色的 bug。见 <a href="/misc/goto?guid=4958991827168242701">#3441</a></p> </li> <li> <p>[^] ZRender 性能优化，重绘性能为原先的 2x ~ 3x。</p> </li> <li> <p>[^] 构建文件调整，压缩前的<a href="/misc/goto?guid=4958991827258915922">开发版本</a>加入了更细致的错误提示和警告，压缩后的<a href="/misc/goto?guid=4958991827347224203">生产版本</a>去掉了这些错误提示和警告。因此建议开发环境中使用<a href="/misc/goto?guid=4958991827258915922">开发版本</a></p> </li> </ul> <h2>下载</h2> <ul> <li><a href="/misc/goto?guid=4958991827439735598" rel="nofollow"><strong>Source code</strong> (zip)</a></li> <li><a href="/misc/goto?guid=4958991827535371149" rel="nofollow"><strong>Source code</strong> (tar.gz)</a></li> <li><a href="/misc/goto?guid=4958977620780267519">官方下载</a></li> </ul>