G2Plot(开箱即用的图表库) 免费软件G2Plot(开箱即用的图表库) 免费软件官方下载

G2Plot是简单、易用、并具备一定扩展能力和组合能力的统计图表库，内置的是业务中使用量占比超过90%的常规统计图表。支持用户对其进行自定义开发，软件配置项优化精简，仅需几行

G2Plot是简单、易用、并具备一定扩展能力和组合能力的统计图表库，内置的是业务中使用量占比超过 90% 的常规统计图表。支持用户对其进行自定义开发，软件配置项优化精简，仅需几行代码轻松生成图表。使用起来也非常方便，可以通过将脚本下载到本地也可以直接引入在线资源。同时软件还在不断地进行升级，更多高级图表功能用户可以自行体验一下。

软件特色

开箱即用

配置项优化精简，仅需几行代码轻松生成图表

默认好用

即使你是可视化或设计小白，也能制作优雅、标准的统计图表

响应式图表

保证图表在任何显示尺寸、任何数据状态下的可读性

图表实验室

来这里尝试一下我们正在开发中的高级图表功能

修改柱状图颜色

柱状图用于描述分类数据之间的对比，如果我们把时间周期，如周、月、年，也理解为一种分类数据。那么要如何自定义柱状图的颜色呢，一起来看看修改方法。

1、指定点的颜色。如没有配置 colorField，指定一个单值即可。对 colorFiled 进行了配置的情况下，即可以指定一系列色值，也可以通过回调函数的方法根据对应数值进行设置。

默认配置：采用 theme 中的色板。

// 设置单一颜色

{

color: '#a8ddb5'

}

// 设置多色

{

colorField: 'type', // 部分图表使用 seriesField

color: ['#d62728', '#2ca02c', '#000000'],

}

// Function

{

colorField: 'type', // 部分图表使用 seriesField

color: ({ type }) => {

if(type === 'male'){

return 'red';

}

return 'yellow';

}

}

自定义图例

图例是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。用户可以在G2Plot中自定义图例，下面就来告诉大家配置图例的方法和配置项，方便大家自定义图例。

1、配置图例有两种方式：

第一种，传入 false 设置关闭图例。

legend: false; // 关闭图例

第二种，传入 LegendCfg 对图例进行整体配置。

legend: {

layout: 'horizontal',

position: 'right'

}

2、配置项

属性类型默认值描述layoutstringhorizontal图例的布局方式，可选项：horizontal | verticaltitleobject-图例标题配置，默认不展示。详见 title 配置positionstring-图例的位置。详见 position 配置offsetXnumber-图例 x 方向的偏移。offsetYnumber-图例 y 方向的偏移。backgroundobject-背景框配置项。详见 background 配置flipPagebooleanfalse当图例项过多时是否进行分页。itemWidthnumber | nullnull图例项的宽度, 默认为 null（自动计算）。itemHeightnumber | nullnull图例的高度, 默认为 null。itemNameobject-图例项 name 文本的配置。详见 itemName 配置itemValueobject-图例项 value 附加值的配置项。详见 itemValue 配置。itemSpacingnumber-控制图例项水平方向的间距animateboolean-是否开启动画开关。animateOptionobject-动画参数配置，当且仅当 animate 属性为 true，即动画开启时生效，详见 animateOption 配置labelobject-文本的配置项。详见 label 配置markerobject-图例项的 marker 图标的配置。maxWidthnumber-图例项最大宽度设置。maxHeightnumber-图例项最大高度设置。railobject-图例滑轨（背景）的样式配置项。详见 rail 配置reversedboolean-是否将图例项逆序展示。minnumber-范围的最小值。maxnumber-选择范围的最大值。valuenumber[]-选择的值。slidableboolean-滑块是否可以滑动。trackobject-选择范围的色块样式配置项。详见 track 配置handlerobject-滑块的配置项。详见 handler 配置custombooleanfalse是否为自定义图例，当该属性为 true 时，需要声明 items 属性。itemsobject[]-用户自己配置图例项的内容。详见 items 配置自定义主题

1、内置主题

目前默认的内置主要要两套：default和dark

2、主题属性

除了使用内置的 default 和 dark 主题之外，还可以通过设置主题属性来修改部分主题内容：

下表列出了组成主题的大配置项上的具体属性：

主题属性类型描述defaultColorstring主题色paddingnumbernumber[]fontFamilystring图表字体colors10string[]分类颜色色板，分类个数小于 10 时使用colors20string[]分类颜色色板，分类个数大于 10 时使用columnWidthRationumber一般柱状图宽度占比，0 - 1 范围数值maxColumnWidthnumber柱状图最大宽度，像素值minColumnWidthnumber柱状图最小宽度，像素值roseWidthRationumber玫瑰图占比，0 - 1 范围数值multiplePieWidthRationumber多层饼图/环图占比，0 - 1 范围数值geometriesobject配置每个 Geometry 下每个 shape 的样式，包括默认样式以及各个状态下的样式componentsobject配置坐标轴，图例，tooltip, annotation 的主题样式labelsobject配置 Geometry 下 label 的主题样式innerLabelsobject配置 Geometry 下展示在图形内部的 labels 的主题样式pieLabelsobject配置饼图 labels 的主题样式

3、使用方式：

{theme: {

colors10: ['#FF6B3B', '#626681', '#FFC100', '#9FB40F', '#76523B', '#DAD5B5', '#0E8E89', '#E19348', '#F383A2', '#247FEA'] } }

更新日志

Documentation Changes

图表组件 api 整理 (#2290) (97c520df)

add pyg2plot (#2284) (2a6b76c7)

AxisCfg API title.title => title.text (#2277) (067f6b02)

New Features

双轴图新增 slider (#2287) (0276528d)

sankey: add nodeWidth, nodePadding options (#2295) (947889b3)

animation: 增加动画文档和 demo & 多图层图表支持分 view 动画 (#2291) (9e62cb91)

下载地址G2Plot(开箱即用的图表库) 免费软件下载地址