_jade/zh/index.jade (156 lines of code) (raw):

html.sr extends ../layouts/basic block extra_head title Apache ECharts script(src="#{cdn3rdRoot.scrollRevealJS}") script(src="#{cdn3rdRoot.lottieJS}") block content nav(class='navbar navbar-default navbar-fixed-top', role="navigation") include ../components/nav .page-main#page-index #main-content section#home-section .home-brand-panel.description.container .home-info .home-brand Apache ECharts .home-subtitle 一个基于 JavaScript 的开源可视化图表库 .home-btn-panel a.btn.btn-main.btn-index-home(href='#{host}/handbook/#{ecWWWLang}/get-started') include ../components/svg/index-learn span 快速入门 a.btn.btn-main.btn-index-home(href='#{host}/examples/#{ecWWWLang}/index.html') include ../components/svg/index-example span 所有示例 a.btn.btn-main.btn-index-home.btn-index-github(href='https://github.com/apache/echarts', target='_blank') include ../components/svg/github +svgGithub('#081642') .home-landing-animation .home-landing-animation-cover include ../components/svg/entry-pie.svg #play-landing-animation include ../components/svg/play.svg .loading include ../components/svg/loading.svg #home-landing-animation-container #home-landing-animation-viewport #home-landing-animation-close-btn include ../components/svg/close.svg section#new-version-section 📣 Apache ECharts 5.6 发布了! 查看<a href='#{host}/handbook/#{ecWWWLang}/basics/release-note/5-6-0?ref=banner' target='_blank'>新特性</a> //- section#events-section //- .container //- a.event(href='https://apachecon.com/acasia2022/zh/?ref=echarts', style="max-width: 1000px; margin: 15px auto") //- picture //- source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20220509-acasia2022.webp?_v_=#{cdnPayVersion}", type="image/webp") //- img.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20220509-acasia2022.png?_v_=#{cdnPayVersion}", type="image/png", style="width: 100%") //- //- img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210705-apachecon.jpeg?_v_=#{cdnPayVersion}", alt="ApacheCon Asia 2021") section#feature-section .container .index-features h2.reveal 特性 hr.reveal a.more.reveal(href='#{host}/#{ecWWWLang}/feature.html') 查看完整特性 .row .col-md-6 .index-feature#index-feature-1 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-1 .index-feature-icon#icon-1 .index-feature-right.reveal h3.reveal 丰富的图表类型 p.reveal-later 提供开箱即用的 20 多种图表和十几种组件，并且支持各种图表以及组件的任意组合。 .col-md-6 .index-feature#index-feature-2 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-2 .index-feature-icon#icon-2 .index-feature-right h3.reveal 强劲的渲染引擎 p.reveal-later Canvas、SVG 双引擎一键切换，增量渲染、流加载等技术实现千万级数据的流畅交互。 .col-md-6 .index-feature#index-feature-3 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-3 .index-feature-icon#icon-3 .index-feature-right h3.reveal 专业的数据分析 p.reveal-later 通过数据集管理数据，支持数据过滤、聚类、回归，帮助实现同一份数据的多维度分析。 .col-md-6 .index-feature#index-feature-4 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-4 .index-feature-icon#icon-4 .index-feature-right h3.reveal 优雅的可视化设计 p.reveal-later 默认设计遵从可视化原则，支持响应式设计，并且提供了灵活的配置项方便开发者定制。 .col-md-6 .index-feature#index-feature-5 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-5 .index-feature-icon#icon-5 .index-feature-right h3.reveal 健康的开源社区 p.reveal-later 活跃的社区用户保证了项目的健康发展，也贡献了丰富的第三方插件满足不同场景的需求。 .col-md-6 .index-feature#index-feature-6 .index-feature-left.reveal .index-feature-icon-bg#bg-icon-6 .index-feature-icon#icon-6 .index-feature-right h3.reveal 友好的无障碍访问 p.reveal-later 智能生成的图表描述和贴花图案，帮助视力障碍人士了解图表内容，读懂图表背后的故事。 section#publication .container #start-line .paper .content h2.reveal-latest ECharts: A Declarative Framework for Rapid Construction of Web-based Visualization p.note.reveal-latest 如果您在科研项目、产品、学术论文、技术报告、新闻报告、教育、专利以及其他相关活动中使用了 Apache ECharts，欢迎引用本论文。 .single-btn-panel.reveal-latest a(href="https://www.sciencedirect.com/science/article/pii/S2468502X18300068").pdf.reveal-later Visual Informatics, 2018 [PDF] .icon #paper-icon #end-line section.normal#about-section.reveal-about .container h3 关注我们 hr p 关注我们以及时获得更多最新动态 .btn-panel.row .col-lg-3.col-sm-6 a#btn-github(href='https://github.com/apache/echarts') .btn-content .btn-logo include ../components/svg/github +svgGithub('#081642') span GitHub .icon-v-right .col-lg-3.col-sm-6 a#btn-weixin .btn-content.zh .btn-logo include ../components/svg/wechart span 公众号 .weixin-code img(src="#{cdnPayRoot}/#{ecWWWLang}/images/ercode.jpg?_v_=#{cdnPayVersion}") .col-lg-3.col-sm-6 a#btn-weibo(href='https://weibo.com/echarts') .btn-content .btn-logo include ../components/svg/weibo span 微博 .icon-v-right .col-lg-3.col-sm-6 a#btn-twitter(href='https://twitter.com/ApacheECharts') .btn-content .btn-logo include ../components/svg/twitter span &nbsp; .icon-v-right include ../components/footer block extra_js script. window.lazyLoadOptions = { elements_selector: ".lazy" }; script(src='#{cdn3rdRoot.lazyloadJS}') script(src='#{cdnPayRoot}/#{ecWWWLang}/js/index.js?_v_=#{homeVersion}')