You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by ov...@apache.org on 2021/05/13 08:25:02 UTC
[echarts-www] 01/02: add event
This is an automated email from the ASF dual-hosted git repository.
ovilia pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-www.git
commit 8667b70123e090e7452d43d83fd80d4cf7fbe385
Author: Ovilia <zw...@gmail.com>
AuthorDate: Thu May 13 16:13:45 2021 +0800
add event
---
_jade/en/events.jade | 12 +++-
_jade/en/events/2021-05-13-iscas.jade | 131 ++++++++++++++++++++++++++++++++++
_jade/zh/events.jade | 14 +++-
_jade/zh/events/2021-05-13-iscas.jade | 131 ++++++++++++++++++++++++++++++++++
_scss/_components.page.scss | 20 +++++-
_scss/_pages.events.scss | 24 ++++++-
images/event/20210513-iscas-en.jpeg | Bin 0 -> 139672 bytes
images/event/20210513-iscas-en.webp | Bin 0 -> 49484 bytes
images/event/20210513-iscas.jpeg | Bin 0 -> 154555 bytes
images/event/20210513-iscas.webp | Bin 0 -> 55542 bytes
10 files changed, 323 insertions(+), 9 deletions(-)
diff --git a/_jade/en/events.jade b/_jade/en/events.jade
index 00ee4eb..4d8d9d2 100644
--- a/_jade/en/events.jade
+++ b/_jade/en/events.jade
@@ -20,10 +20,16 @@ block content
p.page-info-echarts Apache ECharts<sup>TM</sup>
.page-content
- .page-detail
- p No events for now.
+ .container
+ h2 Current Events
+ a.event(href='./events/2021-05-13-iscas.html')
+ picture
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.webp?_v_=#{cdnPayVersion}", type="image/webp")
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.jpeg?_v_=#{cdnPayVersion}", type="image/jpeg")
+ img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.jpeg?_v_=#{cdnPayVersion}", alt="Summer 2021 of Open Source Promotion Plan")
+
- include ../components/inner-footer
+ include ../components/inner-footer
block extra_js
script(type='text/javascript').
window.lazyLoadOptions = {
diff --git a/_jade/en/events/2021-05-13-iscas.jade b/_jade/en/events/2021-05-13-iscas.jade
new file mode 100644
index 0000000..c2b8d9e
--- /dev/null
+++ b/_jade/en/events/2021-05-13-iscas.jade
@@ -0,0 +1,131 @@
+extends ../../layouts/basic
+
+block variablesLang
+ include ./../_variablesLang.jade
+
+block variables
+ - var pageTitle = 'Events - Apache ECharts'
+
+block extra_head
+ title Events - Apache ECharts
+
+block content
+ nav(class='navbar navbar-default navbar-fixed-top')
+ include ../nav
+
+ .page-main
+ .page-info
+ .container
+ h1 Summer 2021 of Open Source Promotion Plan
+ p.page-info-echarts Apache ECharts<sup>TM</sup>
+
+ .page-content
+ .container
+ div
+ a(href="../events.html") Back to the event list
+
+ .event.event-detail-img
+ picture
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.webp?_v_=#{cdnPayVersion}", type="image/webp")
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.jpeg?_v_=#{cdnPayVersion}", type="image/jpeg")
+ img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas-en.jpeg?_v_=#{cdnPayVersion}", alt="Open Source Software Supply Chain Ignite Program - Summer 2021")
+
+ h3 Event Description
+ p <a href="https://summer.iscas.ac.cn/help/en/" target="_blank">Summer 2021 of Open Source Promotion Plan</a> is a summer program for college students jointly organized by Institute of Software Chinese Academy of Sciences and openEuler community. It aims to encourage college students to actively participate in the development and maintenance of open source software and promote the vigorous development of excellent open source software community.
+ p The organizer will fund projects with student applications, and the corresponding pre-tax prizes are high (RMB 12,000), medium (RMB 9,000), and low (RMB 6,000) depending on the difficulty (note: the prize amounts are pre-tax RMB amounts). Please refer to the official instructions of the Open Source Software Supply Chain Illumination Program for details.
+ p The community needs to designate a community mentor for each project, in the process, you can have a better understanding of the Apache ECharts project development with the help of the mentor.
+
+ h3 Event Registration
+ p Please go to the <a href="https://summer.iscas.ac.cn/help/en/student/" target="_blank">event website</a> to register or for more information.
+
+ h3 Project List
+ p Applicants can complete one project from the following list.
+
+ table
+ tr
+ th ID
+ th Name
+ th Difficulty
+ th(style="width: 40%") Description
+ th Delivery
+ th Requirement
+ tr
+ td #1
+ td Graph series support for dragging nodes
+ td Easy
+ td Support for dragging nodes in case of graph series with layout: none, see: <a href="https://github.com/apache/echarts/issues/14510" target="_blank">#14510</a>
+ td Support for dragging nodes in case of graph series with layout: none
+ td TypeScript
+ tr
+ td #2
+ td Graph charts can be configured to not scaling automatically
+ td Easy
+ td With`layout: none`, the developer can turn off the adjustment of the node position through an option, ensuring that the position given by the developer is the coordinate of the final rendering. See: <a href="https://github.com/apache/echarts/issues/13516" target="_blank">#13516</a>
+ td Implement using an option to turn off node position adjustment
+ td TypeScript
+ tr
+ td #3
+ td Apache ECharts Issue Helper
+ td Medium
+ td <a href="https://github.com/ecomfe/echarts-issue-helper" target="_blank">The Apache ECharts Issue Helper</a> is a form tool for generating GitHub issues, which is a better way to ensure that the questioner gives the necessary information by using a form rather than Markdown. The project currently has limited functionality and would like to enhance Markdown-related features.
+ td
+ ol
+ li Support for Markdown format (including code) highlighting
+ li Image upload support
+ li Support for Markdown result preview
+ td TypeScript; Vue.js (optional)
+ tr
+ td #4
+ td Example website with third-party editors
+ td Medium
+ td The examples section of the official Apache ECharts website currently uses its own code editor, and the community would like to provide the same functionality for editing examples in major third-party online editors (StackBiz, JSFiddle, CodePen, CodeSandbox).
+ td
+ ol
+ li Add the "Go to CodeSandbox (StackBlitz, jsfiddle, CodePen) Edit" button to the Apache ECharts website sample component
+ li Call the API of a third-party online editor and pass the code used in the example in the jump
+ td JavaScript
+ tr
+ td #5
+ td Asymmetric rawing of theme river series
+ td Medium
+ td The Apache ECharts theme river is currently drawn using a symmetric drawing method (the overall pattern is symmetric along the x-axis), and it is hoped that the wiggle algorithm will enable an asymmetric drawing to increase the viewability of the river map. See: <a href="https://github.com/apache/echarts/issues/14643" target="_blank">#14643</a>
+ td Implement the function to select the drawing mode of river map using wiggle configuration item in river map
+ td TypeScript; a brief understanding of computer graphics (requires reading algorithm papers and implementing them)
+ tr
+ td #6
+ td Extend the overlap anti-overlap of labels
+ td High
+ td Apache ECharts now provides an anti-overlap layout algorithm for labels on some specific graphs such as pie charts. Now we hope to add a more general layout algorithm, which can search for a better position by iteratively searching for the positions where labels can be placed, and solve the label overlap problem when there are more data in the scatterplots and other graphs. You can refer to the existing papers and implementations: 1. An Empirical Study of Algor [...]
+ td
+ ol
+ li Add a configuration item to enable only anti-overlap of tags when turned on
+ li The anti-overlap algorithm can achieve a balance between performance, complexity (amount of code) and end result
+ td TypeScript
+ tr
+ td #7
+ td Interleaved coordinate axis labels to optimize label overlap
+ td High
+ td NAt present, the axis of Apache ECharts can only hide some of the overlapping labels when there are too many labels, but in some scenarios, the labels can be displayed staggered up and down without hiding them, so I would like to add a configuration that allows the user to intelligently move the overlapping labels up/down (or left/right in the case of the Y-axis).
+ td Add an option to enable alternate display of axis labels when turned on
+ td TypeScript; need to read the algorithm paper and implement it
+ tr
+ td #8
+ td Circular references to the graph series
+ td High
+ td Supports graph nodes pointing to themselves. See: <a href="https://github.com/apache/echarts/issues/12951" target="_blank">#12951</a>
+ td
+ ol
+ li Graph nodes can point to themselves
+ li Configurable parameters to control the position of the connection
+ li Support for multiple lines pointing to themselves
+ td TypeScript
+
+
+ include ../../components/inner-footer
+block extra_js
+ script(type='text/javascript').
+ window.lazyLoadOptions = {
+ elements_selector: ".lazy"
+ };
+ document.getElementById('nav-contribute').className = 'active';
+ script(src='https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js')
diff --git a/_jade/zh/events.jade b/_jade/zh/events.jade
index cad4ce7..5b03b75 100644
--- a/_jade/zh/events.jade
+++ b/_jade/zh/events.jade
@@ -10,20 +10,30 @@ block content
nav(class='navbar navbar-default navbar-fixed-top', role="navigation")
include ../components/nav
- .page-main
+ .page-main#page-events
.page-info
.container
h1 活动
p.page-info-echarts Apache ECharts<sup>TM</sup>
- .page-content#maillist
+ .page-content
.container
+ h2 进行中的活动
+ a.event(href='./events/2021-05-13-iscas.html')
+ picture
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.webp?_v_=#{cdnPayVersion}", type="image/webp")
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.jpeg?_v_=#{cdnPayVersion}", type="image/jpeg")
+ img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.jpeg?_v_=#{cdnPayVersion}", alt="开源软件供应链点亮计划 - 暑期 2021")
+
+ h2 过期的活动
a.event(href='https://echarts-5-live.bj.bcebos.com/echarts-5-event.html?ref=ec-event')
picture
source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20200128-apache-echarts-5.webp?_v_=#{cdnPayVersion}", type="image/webp")
source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20200128-apache-echarts-5.png?_v_=#{cdnPayVersion}", type="image/jpeg")
img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20200128-apache-echarts-5.png?_v_=#{cdnPayVersion}", alt="Apache ECharts 5 Official Release")
+ include ../components/footer
+
block extra_js
script.
window.lazyLoadOptions = {
diff --git a/_jade/zh/events/2021-05-13-iscas.jade b/_jade/zh/events/2021-05-13-iscas.jade
new file mode 100644
index 0000000..e92c96f
--- /dev/null
+++ b/_jade/zh/events/2021-05-13-iscas.jade
@@ -0,0 +1,131 @@
+extends ../../layouts/basic
+
+block variables
+ - var pageTitle = 'Apache ECharts - 活动'
+
+block extra_head
+ title 活动 - Apache ECharts
+
+block content
+ nav(class='navbar navbar-default navbar-fixed-top', role="navigation")
+ include ../../components/nav
+
+ .page-main
+ .page-info
+ .container
+ h1 开源软件供应链点亮计划 - 暑期 2021
+ p.page-info-echarts Apache ECharts<sup>TM</sup>
+
+ .page-content
+ .container
+ div
+ a(href="../events.html") 返回活动列表
+
+ .event.event-detail-img
+ picture
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.webp?_v_=#{cdnPayVersion}", type="image/webp")
+ source.lazy(data-srcset="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.jpeg?_v_=#{cdnPayVersion}", type="image/jpeg")
+ img.lazy(data-src="#{cdnPayRoot}/#{ecWWWLang}/images/event/20210513-iscas.jpeg?_v_=#{cdnPayVersion}", alt="开源软件供应链点亮计划 - 暑期 2021")
+
+ h3 活动说明
+ p <a href="https://summer.iscas.ac.cn/#/homepage" target="_blank">开源软件供应链点亮计划</a>鼓励大家关注开源软件和开源社区，致力于培养和发掘更多优秀的开发者。我们鼓励研究人员、开源爱好者、在校师生参与开源软件的开发与维护，促进开源软件的发展和优秀开源软件社区建设，增加开源项目的活跃度，推进开源生态的发展。
+ p 主办方会资助最终有学生申请的项目，根据难度不同，对应税前奖金分别为高（12000 元）、中（9000 元）、低（6000 元）（注：奖金数额为税前人民币金额），具体请参考开源软件供应链点亮计划官方说明。
+ p 社区针对每个项目需要指定一名社区导师，在这一过程中，可以在导师的帮助下对 Apache ECharts 项目开发有更好的了解。
+
+ h3 活动报名
+ p 请前往<a href="https://summer.iscas.ac.cn/help/student/" target="_blank">活动官网</a>报名或了解更多信息。
+
+ h3 项目列表
+ p 申请者可以在以下列表中选一个项目完成：
+
+ table
+ tr
+ th 序号
+ th 名称
+ th 难度
+ th(style="width: 40%") 描述
+ th 产出
+ th 要求
+ tr
+ td #1
+ td 关系图支持拖动数据点
+ td 低
+ td 支持关系图 layout: none 情况下的数据点拖动功能。相关 issue：<a href="https://github.com/apache/echarts/issues/14510" target="_blank">#14510</a>
+ td 实现关系图 layout: none 情况下的数据点拖动功能
+ td TypeScript
+ tr
+ td #2
+ td 关系图可配置是否自动缩放成视图大小
+ td 低
+ td 在 layout: none 布局下，允许开发者通过配置项关闭节点位置的调整，保证开发者给定的位置即为最终渲染的坐标。相关 issue：<a href="https://github.com/apache/echarts/issues/13516" target="_blank">#13516</a>
+ td 添加一个配置项，开启后可以实现坐标轴标签的交替显示
+ td TypeScript
+ tr
+ td #3
+ td Apache ECharts Issue Helper
+ td 中
+ td <a href="https://github.com/ecomfe/echarts-issue-helper" target="_blank">Apache ECharts Issue Helper</a> 是用来生成 GitHub Issue 的表单工具，通过表单而非 Markdown 的形式能更好地确保提问者给出必要的信息。但是目前功能比较有限，希望增强 Markdown 相关功能
+ td
+ ol
+ li 支持 Markdown 格式（含代码）高亮
+ li 支持上传图片
+ li 支持 Markdown 结果预览
+ td TypeScript；Vue.js（可以现学）
+ tr
+ td #4
+ td 官网示例支持第三方编辑器
+ td 中
+ td Apache ECharts 官方网站示例部分目前使用自有的代码编辑器，社区希望同样提供在主要第三方在线编辑器（StackBiz、 JSFiddle、 CodePen、 CodeSandbox）中编辑示例的功能
+ td
+ ol
+ li 在Apache ECharts 官网示例组件中添加 ”前往 CodeSandbox / StackBlitz / jsfiddle / CodePen 编辑“的按钮
+ li 调用第三方在线编辑器的 API，在跳转时将该示例所使用的代码传入
+ td JavaScript
+ tr
+ td #5
+ td 河流图的非对称绘制
+ td 中
+ td Apache ECharts 的河流图目前使用对称绘制的方法进行绘制（整体图案沿 x 轴对称），希望通过 wiggle 算法实现非对称的绘制以增加河流图的可观性。相关 issue：<a href="https://github.com/apache/echarts/issues/14643" target="_blank">#14643</a>
+ td 添加一个配置项，开启后可以实现坐标轴标签的交替显示
+ td TypeScript；对图形学有简单了解（需要阅读算法论文并实现）
+ tr
+ td #6
+ td 扩展标签的防重叠
+ td 高
+ td Apache ECharts 现在在饼图等某些特定的图上提供了标签的防重叠布局算法。现在希望能够增加一个更加通用的布局算法，通过迭代搜寻标签可以放置的位置，寻找一个较优的位置，解决散点图等图中数据量比较多的时候的标签重叠问题。可以参考已有的论文和实现：1. An Empirical Study of Algorithms for Point-Feature Label Placement 2. <a href="https://github.com/tinker10/D3-Labeler" target="_blank">https://github.com/tinker10/D3-Labeler</a> 3. <a href="https://cran.r-project.org/web/packages/ggrepel/vignettes/ggrepel.html" target="_blank">https://cran.r-project.org/web/packages/ggrepel/vignettes/ [...]
+ td
+ ol
+ li 添加一个配置项，开启后可以实现标签的只能防重叠
+ li 防重叠的算法能够做到性能，实现复杂度（代码量）和最终效果之间的平衡
+ td TypeScript
+ tr
+ td #7
+ td 坐标轴标签实现交错显示从而优化标签的重叠问题
+ td 高
+ td 现在 Apache ECharts 的坐标轴在标签过多的时候只能做到隐藏部分会重叠的标签，但是某些场景下可以做到标签的上下交错显示而不用隐藏，现在希望能够添加一个配置，用户开启后可以智能得把重叠的标签往上/下移（如果是 Y 轴则是左/右）
+ td 加一个配置项，开启后可以实现坐标轴标签的交替显示
+ td TypeScript；需要阅读算法论文并实现
+ tr
+ td #8
+ td 关系图节点自身的循环引用
+ td 高
+ td 关系图节点可以指向自己，目前尚未支持这一功能。相关 issue：<a href="https://github.com/apache/echarts/issues/12951" target="_blank">#12951</a>
+ td
+ ol
+ li 关系图节点可以指向自己
+ li 可以配置参数控制连线位置
+ li 支持多条指向自己的连线
+ td TypeScript
+
+ h3 寻求帮助
+ p 如果有活动形式相关的问题，请咨询<a href="https://summer.iscas.ac.cn/help/contactus/">活动主办方</a>。如有和项目相关的问题，可以在 Apache ECharts <a href="mailto:dev@echarts.apache.org">邮件列表</a>中和我们交流。
+ include ../../components/footer
+
+
+block extra_js
+ script.
+ window.lazyLoadOptions = {
+ elements_selector: ".lazy"
+ };
+ document.getElementById('nav-contribute').className = 'active';
+ script(src='https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.0/dist/lazyload.min.js')
diff --git a/_scss/_components.page.scss b/_scss/_components.page.scss
index 5b0f2da..730c918 100644
--- a/_scss/_components.page.scss
+++ b/_scss/_components.page.scss
@@ -96,13 +96,31 @@ $info-height: 120px;
text-align: center;
}
+ td, th {
+ padding: 5px 10px;
+ border: 1px solid #ddd;
+
+ ol {
+ padding-left: 1em;
+ }
+ }
+
ul {
padding-left: 30px;
+
+ li {
+ list-style: disc;
+ }
+ }
+
+ ol {
+ li {
+ list-style: decimal;
+ }
}
li {
margin: 5px 0;
- list-style: disc;
}
}
diff --git a/_scss/_pages.events.scss b/_scss/_pages.events.scss
index 4fb8ec3..e71a171 100644
--- a/_scss/_pages.events.scss
+++ b/_scss/_pages.events.scss
@@ -1,13 +1,31 @@
+#page-events {
+ .page-content h2 {
+ border-bottom: none;
+ margin-bottom: 0;
+ margin-top: 80px;
+
+ &:first-child {
+ margin-top: 20px;
+ }
+ }
+}
+
.event {
display: block;
- margin: 20px 0 50px 0;
+ margin: 15px 0;
width: 100%;
border-radius: 10px;
- box-shadow: 0 0 20px rgba(0,0,0,0.2);
+ box-shadow: 0 0 20px rgba(0,0,0,0.1);
transition: 0.3s;
overflow: hidden;
&:hover {
- box-shadow: 0 10px 20px rgba(0,0,0,0.3);
+ box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+ }
+
+ &.event-detail-img {
+ &:hover {
+ box-shadow: 0 0 20px rgba(0,0,0,0.1);
+ }
}
}
diff --git a/images/event/20210513-iscas-en.jpeg b/images/event/20210513-iscas-en.jpeg
new file mode 100644
index 0000000..748ad6f
Binary files /dev/null and b/images/event/20210513-iscas-en.jpeg differ
diff --git a/images/event/20210513-iscas-en.webp b/images/event/20210513-iscas-en.webp
new file mode 100644
index 0000000..89d9c46
Binary files /dev/null and b/images/event/20210513-iscas-en.webp differ
diff --git a/images/event/20210513-iscas.jpeg b/images/event/20210513-iscas.jpeg
new file mode 100644
index 0000000..4f86abb
Binary files /dev/null and b/images/event/20210513-iscas.jpeg differ
diff --git a/images/event/20210513-iscas.webp b/images/event/20210513-iscas.webp
new file mode 100644
index 0000000..d64d1f7
Binary files /dev/null and b/images/event/20210513-iscas.webp differ
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org