blob: 9fac467d5f03020bb67c75d4bff5fbfb57f07a73 [file] [log] [blame]
html.sr
extends ../layouts/basic
block extra_head
title Apache ECharts
script(src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.7/dist/scrollreveal.min.js")
script(src="https://cdn.jsdelivr.net/npm/lottie-web@5.7.6/build/player/lottie.min.js")
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.3 发布了! 查看<a href='#{host}/handbook/#{ecWWWLang}/basics/release-note/5-3-0?ref=banner' target='_blank'>新特性</a>
section#events-section
.container
a.event(href='https://apachecon.com/acasia2022/zh/?ref=echarts', style="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")
//- 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}/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 CanvasSVG 双引擎一键切换,增量渲染、流加载等技术实现千万级数据的流畅交互。
.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="http://www.cad.zju.edu.cn/home/vagblog/VAG_Work/echarts.pdf").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 Twitter
.icon-v-right
include ../components/footer
block extra_js
script(src='https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js')
script(src='#{cdnPayRoot}/#{ecWWWLang}/js/index.js?_v_=#{homeVersion}')
//- <script async defer src="https://buttons.github.io/buttons.js"></script>
script.
window.lazyLoadOptions = {
elements_selector: ".lazy"
};
script(src='https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js')