All Projects → antvis → theme-set

antvis / theme-set

Licence: MIT license
💄 Customize theme for G2, G2Plot of AntV(孵化中)

Programming Languages

typescript
32286 projects
Less
1899 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects

Projects that are alternatives of or similar to theme-set

G2plot
🍡 An interactive and responsive charting library
Stars: ✭ 2,072 (+5820%)
Mutual labels:  g2, g2plot
g2plot-react
G2Plot for React
Stars: ✭ 67 (+91.43%)
Mutual labels:  g2, g2plot
React-G2Plot
🤖 Unofficial react component wrapper for @antvis/G2Plot
Stars: ✭ 21 (-40%)
Mutual labels:  g2, g2plot
g2plot-vue
g2plot for vue, both 2 and 3
Stars: ✭ 106 (+202.86%)
Mutual labels:  g2, g2plot
vis-dashboard
🎨 Awesome dashboards, built with G2 and G2Plot.
Stars: ✭ 36 (+2.86%)
Mutual labels:  g2, g2plot
Viser
viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/
Stars: ✭ 1,536 (+4288.57%)
Mutual labels:  g2
rc-charts
一个基于BizCharts的图表库
Stars: ✭ 22 (-37.14%)
Mutual labels:  g2
g2-brush
Select a one-, two-dimensional or irregular region using the mouse.
Stars: ✭ 24 (-31.43%)
Mutual labels:  g2
g2-angular
Angular for Alipay G2
Stars: ✭ 27 (-22.86%)
Mutual labels:  g2

简体中文 | English

ThemeSet

📺 网站地址G2G2Plot

AntV ThemeSet 是一款在线主题构建工具,致力于帮助使用者(工程师或设计师)快速直观定制自己的主题配置文件

💡 如何使用

G2 提供了自定义主题机制以允许用户切换、定义图表主题。利用 ThemeSet 工具,工程师或者设计师可以在线设计图表通用主题规范,然后导出或复制主题配置,直接使用 registerTheme API 进行主题定制。

G2 中使用。详见:自定义主题 | G2

import { registerTheme } from '@antv/g2';

// 方式 1:
registerTheme('newTheme', {
  // 导出或复制出来的主题配置
});
chart.theme('newTheme');

// 方式 2:
chart.theme({
  // 导出或复制出来的主题配置
});

G2Plot 中使用。详见:图表主题 | G2Plot

import { G2 } from '@antv/g2plot';

// 方式 1:
G2.registerTheme('newTheme', {
  // 导出或复制出来的主题配置
});
const plot = new Line({
  // ... 折线图的其他配置
  theme: 'newTheme',
});
// 或者
plot.update({ theme: 'newTheme' });

// 方式 2:
const plot = new Line({
  // ... 折线图的其他配置
  theme: {
    // 导出或复制出来的主题配置
  },
});
// 或者
plot.update({
  theme: {
    // 导出或复制出来的主题配置
  },
});

⌨️ 参与贡献

# 克隆仓库
git clone [email protected]:antvis/theme-set.git

# 进入文件目录
cd theme-set

# 安装依赖和开始
npm install && npm start

# Open website: http://localhost:8000

📧 联系我们

钉钉群:30233731

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].