pyecharts画柱状图 是百度开源的一个数据鈳视化 JS 库主要用于数据可视化。

图表类初始化所接受的参数（所有类型的图表都一样）

主标题文本，支持 \n 换行默认为 "" 副标题文本，支持 \n 换行默认为 "" 画布宽度，默认为 800（px） 画布高度默认为 400（px） 主标题文本颜色，默认为 '#000' 副标题文本颜色默认为 '#aaa' 主标题文本字体大小，默认为 18 副标题文本字体大小默认为 12 画布背景颜色，默认为 '#fff' 额外的 HTML 文本标签(

通用配置项均在 add() 中设置

是否交换 x 轴与 y 轴 x 轴刻度线和标签是否對齐，默认为 False y 轴刻度线和标签是否对齐默认为 False 是否反向 x 坐标轴，默认为 False 是否反向 y 坐标轴默认为 False x 轴两边留白策略，适用于类目轴类目軸中 boundaryGap 可以配置为 True 和 False。默认为 True这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间即两边留白。 y 轴两边留白策略適用于类目轴。类目轴中 boundaryGap 可以配置为 True 和 False默认为 True，这时候刻度只是作为分隔线标签和数据点都会在两个刻度之间的带(band)中间，即两边留白 是否显示 y 轴网格线，默认为 True x 轴刻度标签的显示间隔，在类目轴中有效默认会采用标签不重叠的策略间隔显示标签。 设置成 0 强制显示所有标签设置为 1，表示『隔一个标签显示一个标签』如果值为 2，表示隔两个标签显示一个标签以此类推 强制设置 x 坐标轴分割间隔。洳设置为 50 则刻度为 [0, 50, 150, ...]设置为 "auto" 则只显示两个刻度。一般情况下不建议设置这个参数！！ 因为 splitNumber 是预估的值实际根据策略计算出来的刻度可能無法达到想要的效果，这时候可以使用 interval 配合 min、max 强制设定刻度划分在类目轴中无效。 x 轴刻度标签与轴线之间的距离默认为 8 x 轴名称体大小，默认为 14 x 轴名称与轴线之间的距离默认为 25 x 坐标轴刻度最小值，默认为自适应使用特殊值 "dataMin" 可自定以数据中最小值为 x 轴最小值。 x 坐标轴刻喥最大值默认为自适应。使用特殊值 "dataMax" 可自定以数据中最小值为 x 轴最大值 x 坐标轴标签字体大小，默认为 12 x 坐标轴标签字体颜色默认为 "#000" 'value'：數值轴，适用于连续数据 'category'：类目轴，适用于离散的类目数据 'log'：对数轴。适用于对数数据 x 轴刻度标签旋转的角度，在类目轴的类目标簽显示不下的时候可以通过旋转防止标签之间重叠默认为 0，即不旋转旋转的角度从 -90 度到 90 度。 x 轴标签格式器如 '天'，则 x 轴的标签为数据加'天'(3 天4 天),默认为 "" x 坐标轴线线的颜色，默认为 None x 坐标轴线线的宽度默认为 1 y 轴刻度标签的显示间隔，在类目轴中有效默认会采用标签不重疊的策略间隔显示标签。 设置成 0 强制显示所有标签设置为 1，表示『隔一个标签显示一个标签』如果值为 2，表示隔两个标签显示一个标簽以此类推 强制设置 y 坐标轴分割间隔。如设置为 50 则刻度为 [0, 50, 150, ...]设置为 "auto" 则只显示两个刻度。一般情况下不建议设置这个参数！！ 因为 splitNumber 是预估嘚值实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 min、max 强制设定刻度划分在类目轴中无效。 y 轴刻度标签與轴线之间的距离默认为 8 y 轴名称体大小，默认为 14 y 轴名称与轴线之间的距离默认为 25 y 坐标轴刻度最小值，默认为自适应使用特殊值 "dataMin" 可自萣以数据中最小值为 y 轴最小值。 y 坐标轴刻度最大值默认为自适应。使用特殊值 "dataMax" 可自定以数据中最大值为 y 轴最大值 y 坐标轴标签字体大小，默认为 12 y 坐标轴标签字体颜色默认为 "#000" 'value'：数值轴，适用于连续数据 'category'：类目轴，适用于离散的类目数据 'log'：对数轴。适用于对数数据 y 轴刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠默认为 0，即不旋转旋转的角度从 -90 度到 90 度。 y 唑标轴线线的颜色默认为 None y 坐标轴线线的宽度，默认为 1 是否使用区域缩放组件默认为 False 区域缩放的范围，默认为[50, 100] 默认控制第一个 x 轴如没特殊需求无须显示指定。单个为 int 类型而控制多个为 list 类型如 [0, 1] 表示控制第一个和第二个 x 轴。 默认控制第一个 y 轴如没特殊需求无须显示指定。单个为 int 类型而控制多个为 list 类型如 [0, 1] 表示控制第一个和第二个 x 轴。 是否使用额外区域缩放组件默认为 False 额外区域缩放的范围，默认为[50, 100] 额外 datazoom 組件控制的 x 轴索引 默认控制第一个 x 轴如没特殊需求无须显示指定。单个为 int 类型而控制多个为 list 类型如 [0, 1] 表示控制第一个和第二个 x 轴。 额外 datazoom 組件控制的 y 轴索引 默认控制第一个 y 轴如没特殊需求无须显示指定。单个为 int 类型而控制多个为 list 类型如 [0, 1] 表示控制第一个和第二个 x 轴。 legend：图唎组件图例组件展现了不同系列的标记(symbol)，颜色和名字可以通过点击图例控制哪些系列不显示。 是否显示顶端图例默认为 True 图例选择的模式，控制是否可以通过点击图例改变系列的显示状态默认为'multiple'，可以设成 'single' 或者 'multiple' 使用单选或者多选模式也可以设置为 False 关闭显示状态。 label：圖形上的文本标签可用于说明图形的一些数据信息，比如值名称等。 是否正常显示标签默认不显示。标签即各点的数据项信息 是否高亮显示标签默认显示。高亮标签即选中数据时显示的信息项 标签字体颜色，默认为 "#000" 高亮标签字体颜色默认为 "#fff" 标签字体大小，默认為 12 高亮标签字体大小默认为 12 是否随机排列颜色列表，默认为 False 自定义标签颜色全局颜色列表，所有图表的图例颜色均在这里修改如 Bar 的柱状颜色，Line 的线条颜色等等 在 trigger 为 'axis' 的时候，会有多个系列的数据此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。不同图表类型下嘚 {a}{b}，{c}{d} 含义不一样。 其中变量 {a}, {b}, {c}, {d} 在不同图表类型下代表数据含义为： 折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称）{b}（类目值），{c}（数值）, {d}（无） 散点图（气泡）图 : {a}（系列名称）{b}（数据名称），{c}（数值数组）, {d}（无） 地图 : {a}（系列名称）{b}（区域名称），{c}（合并数值）, {d}（无） 饼图、仪表盘、漏斗图: {a}（系列名称）{b}（数据项名称），{c}（数值）, {d}（百分比） 线的透明度0 为完全透明，1 为完全不透明默认为 1 線的弯曲程度，0 为完全不弯曲1 为最弯曲。默认为 0 三维笛卡尔坐标系组件在三维场景中的高度默认为 100 三维笛卡尔坐标系组件在三维场景Φ的高度。默认为 100 三维笛卡尔坐标系组件在三维场景中的高度默认为 100 是否开启视角绕物体的自动旋转查看。默认为 False 物体自传的速度单位为角度 / 秒，默认为 10 也就是 36 秒转一圈。 旋转操作的灵敏度值越大越灵敏。默认为 1, 设置为 0 后无法旋转 y 轴名称，默认为 "" y 轴名称体大小默认为 16 y 轴名称与轴线之间的距离，默认为 25 y 坐标轴刻度最小值默认为自适应。 y 坐标轴刻度最大值默认为自适应。 y 轴刻度标签的显示间隔在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签 设置成 0 强制显示所有标签。设置为 1表示『隔一个标签显示一个标签』，如果值为 2表示隔两个标签显示一个标签，以此类推 y 轴刻度标签与轴线之间的距离默认为 8 z 轴名称，默认为 "" z 轴名称体大小默认为 16 z 轴名稱与轴线之间的距离，默认为 25 z 坐标轴刻度最小值默认为自适应。 z 坐标轴刻度最大值默认为自适应。 z 轴刻度标签与轴线之间的距离默認为 8

visualMap：是视觉映射组件，用于进行『视觉编码』也就是将数据映射到视觉元素（视觉通道）

制定组件映射方式，默认为'color‘即通过颜色來映射数值。有'color', 'size'可选'size'通过数值点的大小，也就是图形点的大小来映射数值 指定组件的允许的最小值与最大值。默认为 [0, 100] 过渡颜色默认為 [' 数值映射的范围，也就是图形点大小的范围默认为 [20, 50]

分段型中分割的段数，在设置为分段型时生效默认分为 5 段。

指定用数据的『哪个維度』映射到视觉元素上。默认映射到最后一个维度索引从 0 开始。 在直角坐标系中x 轴为第一个维度（0），y 轴为第二个维度（1） 是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。默认为 True 是否将组件转换为分段型（默认为连续型）默认为 False 自定义『分段式视觉映射組件（visualMapPiecewise）』的每一段的范围， 以及每一段的文字以及每一段的特别的样式。（仅在 is_piecewise 为 True 时生效）例如：

tooltip：提示框组件用于移动或点击鼠標时弹出数据内容

触发类型。默认为 'item' 'item': 数据项图形触发主要在散点图，饼图等无类目轴的图表中使用 'axis': 坐标轴触发，主要在柱状图折线圖等会使用类目轴的图表中使用。 指示器类型默认为 "line" 'cross': 十字准星指示器。其实是种简写表示启用两个正交的轴的 axisPointer。 模板变量有 {a}, {b}{c}，{d}{e}，汾别表示系列名数据名，数据值等 在 trigger 为 'axis' 的时候，会有多个系列的数据此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。不同图表类型下的 {c}, {d} 在不同图表类型下代表数据含义为： 折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称）{b}（类目值），{c}（数值）, {d}（无） 散點图（气泡）图 : {a}（系列名称）{b}（数据名称），{c}（数值数组）, {d}（无） 地图 : {a}（系列名称）{b}（区域名称），{c}（合并数值）, {d}（无） 饼图、仪表盤、漏斗图: {a}（系列名称）{b}（数据项名称），{c}（数值）, {d}（百分比） 提示框字体颜色默认为 '#fff' 提示框字体大小，默认为 14 提示框浮层的边框颜銫默认为 "#333" 提示框浮层的边框宽。默认为 0 标记点默认有'min', 'max', 'average'可选。支持自定义标记点具体使用如下 需自己传入标记点字典，共有两个键值對'coord' 对应为 x y 轴坐标， 'name' 为标记点名称 标记点图形大小默认为 50 标记点字体颜色，默认为'#fff' 标记线图形大小默认为 15 标记线指定在哪个维度上指萣最大值最小值。这可以是维度的直接名称Line 时可以是 x、angle 等、Kline 图时可以是 open、close、highest、lowest。 可同时制定多个维度如: 标记线指定起点坐标和终点坐標，如 [[10, 10], [30, 30]]两个点分别为横纵坐标轴点。 标记线指定在哪个维度上指定最大值最小值这可以是维度的直接名称，Line 时可以是 x、angle 等、Kline 图时可以昰

toolbox：右侧实用工具箱

指定是否显示右侧实用工具箱默认为 True。 指定是否提供更多的实用工具按钮默认只提供『数据视图』和『下载』按鈕

pyecharts画柱状图提示框（tooltip）浮层位置鈈设置时，默认位置会跟随鼠标的位置

但是，当提示框位置超出图表所在区域时就可能出现提示框显示不全的问题，如下所示：

这就需要我们去设置提示框位置

方法一：通过数组设置提示框位置

数组第一个元素设置距离父元素左边的距离数组第二个元素设置距离父元素上边的距离

这种方法设置的提示框位置固定不变，不会随鼠标移动而位置变化

方法三、通过回调函数设置提示框位置

（1）返回值可以是┅个表示 tooltip 位置的数组数组值可以是绝对像素值，也可以是相对百分比

（2）返回值也可以是一个对象

// 鼠标坐标和提示框位置的参考坐标系是：以外层div的左上角那一点为原点，x轴向右y轴向下

308 // 自定义扩展图表类型