美文网首页
2018-08-12

2018-08-12

作者: 雅雅的前端工作学习 | 来源:发表于2018-08-12 17:06 被阅读0次

    [echarts属性的设置(完整大全)]转自https://www.cnblogs.com/benmumu/p/8316652.html

    // 全图默认背景

    // backgroundColor: ‘rgba(0,0,0,0)’,

    // 默认色板

    color: [``'#ff7f50'``,``'#87cefa'``,``'#da70d6'``,``'#32cd32'``,``'#6495ed'``,

    '#ff69b4'``,``'#ba55d3'``,``'#cd5c5c'``,``'#ffa500'``,``'#40e0d0'``,

    '#1e90ff'``,``'#ff6347'``,``'#7b68ee'``,``'#00fa9a'``,``'#ffd700'``,

    '#6699FF'``,``'#ff6666'``,``'#3cb371'``,``'#b8860b'``,``'#30e0e0'``],

    // 图表标题

    title: {

    x: ``'left'``, ``// 水平安放位置,默认为左对齐,可选为:

    // 'center' ¦ 'left' ¦ 'right'

    // ¦ {number}(x坐标,单位px)

    y: ``'top'``, ``// 垂直安放位置,默认为全图顶端,可选为:

    // 'top' ¦ 'bottom' ¦ 'center'

    // ¦ {number}(y坐标,单位px)

    //textAlign: null // 水平对齐方式,默认根据x设置自动调整

    backgroundColor: ``'rgba(0,0,0,0)'``,

    borderColor: ``'#ccc'``, ``// 标题边框颜色

    borderWidth: 0, ``// 标题边框线宽,单位px,默认为0(无边框)

    padding: 5, ``// 标题内边距,单位px,默认各方向内边距为5,

    // 接受数组分别设定上右下左边距,同css

    itemGap: 10, ``// 主副标题纵向间隔,单位px,默认为10,

    textStyle: {

    fontSize: 18,

    fontWeight: ``'bolder'``,

    color: ``'#333' // 主标题文字颜色

    },

    subtextStyle: {

    color: ``'#aaa' // 副标题文字颜色

    }

    },

    // 图例

    legend: {

    orient: ``'horizontal'``, ``// 布局方式,默认为水平布局,可选为:

    // 'horizontal' ¦ 'vertical'

    x: ``'center'``, ``// 水平安放位置,默认为全图居中,可选为:

    // 'center' ¦ 'left' ¦ 'right'

    // ¦ {number}(x坐标,单位px)

    y: ``'top'``, ``// 垂直安放位置,默认为全图顶端,可选为:

    // 'top' ¦ 'bottom' ¦ 'center'

    // ¦ {number}(y坐标,单位px)

    backgroundColor: ``'rgba(0,0,0,0)'``,

    borderColor: ``'#ccc'``, ``// 图例边框颜色

    borderWidth: 0, ``// 图例边框线宽,单位px,默认为0(无边框)

    padding: 5, ``// 图例内边距,单位px,默认各方向内边距为5,

    // 接受数组分别设定上右下左边距,同css

    itemGap: 10, ``// 各个item之间的间隔,单位px,默认为10,

    // 横向布局时为水平间隔,纵向布局时为纵向间隔

    itemWidth: 20, ``// 图例图形宽度

    itemHeight: 14, ``// 图例图形高度

    textStyle: {

    color: ``'#333' // 图例文字颜色

    }

    },

    // 值域

    dataRange: {

    orient: ``'vertical'``, ``// 布局方式,默认为垂直布局,可选为:

    // 'horizontal' ¦ 'vertical'

    x: ``'left'``, ``// 水平安放位置,默认为全图左对齐,可选为:

    // 'center' ¦ 'left' ¦ 'right'

    // ¦ {number}(x坐标,单位px)

    y: ``'bottom'``, ``// 垂直安放位置,默认为全图底部,可选为:

    // 'top' ¦ 'bottom' ¦ 'center'

    // ¦ {number}(y坐标,单位px)

    backgroundColor: ``'rgba(0,0,0,0)'``,

    borderColor: ``'#ccc'``, ``// 值域边框颜色

    borderWidth: 0, ``// 值域边框线宽,单位px,默认为0(无边框)

    padding: 5, ``// 值域内边距,单位px,默认各方向内边距为5,

    // 接受数组分别设定上右下左边距,同css

    itemGap: 10, ``// 各个item之间的间隔,单位px,默认为10,

    // 横向布局时为水平间隔,纵向布局时为纵向间隔

    itemWidth: 20, ``// 值域图形宽度,线性渐变水平布局宽度为该值 * 10

    itemHeight: 14, ``// 值域图形高度,线性渐变垂直布局高度为该值 * 10

    splitNumber: 5, ``// 分割段数,默认为5,为0时为线性渐变

    color:[``'#1e90ff'``,``'#f0ffff'``],``//颜色

    //text:['高','低'], // 文本,默认为数值文本

    textStyle: {

    color: ``'#333' // 值域文字颜色

    }

    },

    toolbox: {

    orient: ``'horizontal'``, ``// 布局方式,默认为水平布局,可选为:

    // 'horizontal' ¦ 'vertical'

    x: ``'right'``, ``// 水平安放位置,默认为全图右对齐,可选为:

    // 'center' ¦ 'left' ¦ 'right'

    // ¦ {number}(x坐标,单位px)

    y: ``'top'``, ``// 垂直安放位置,默认为全图顶端,可选为:

    // 'top' ¦ 'bottom' ¦ 'center'

    // ¦ {number}(y坐标,单位px)

    color : [``'#1e90ff'``,``'#22bb22'``,``'#4b0082'``,``'#d2691e'``],

    backgroundColor: ``'rgba(0,0,0,0)'``, ``// 工具箱背景颜色

    borderColor: ``'#ccc'``, ``// 工具箱边框颜色

    borderWidth: 0, ``// 工具箱边框线宽,单位px,默认为0(无边框)

    padding: 5, ``// 工具箱内边距,单位px,默认各方向内边距为5,

    // 接受数组分别设定上右下左边距,同css

    itemGap: 10, ``// 各个item之间的间隔,单位px,默认为10,

    // 横向布局时为水平间隔,纵向布局时为纵向间隔

    itemSize: 16, ``// 工具箱图形宽度

    featureImageIcon : {}, ``// 自定义图片icon

    featureTitle : {

    mark : ``'辅助线开关'``,

    markUndo : ``'删除辅助线'``,

    markClear : ``'清空辅助线'``,

    dataZoom : ``'区域缩放'``,

    dataZoomReset : ``'区域缩放后退'``,

    dataView : ``'数据视图'``,

    lineChart : ``'折线图切换'``,

    barChart : ``'柱形图切换'``,

    restore : ``'还原'``,

    saveAsImage : ``'保存为图片'

    }

    },

    // 提示框

    tooltip: {

    trigger: ``'item'``, ``// 触发类型,默认数据触发,见下图,可选为:'item' ¦ 'axis'

    showDelay: 20, ``// 显示延迟,添加显示延迟可以避免频繁切换,单位ms

    hideDelay: 100, ``// 隐藏延迟,单位ms

    transitionDuration : 0.4, ``// 动画变换时间,单位s

    backgroundColor: ``'rgba(0,0,0,0.7)'``, ``// 提示背景颜色,默认为透明度为0.7的黑色

    borderColor: ``'#333'``, ``// 提示边框颜色

    borderRadius: 4, ``// 提示边框圆角,单位px,默认为4

    borderWidth: 0, ``// 提示边框线宽,单位px,默认为0(无边框)

    padding: 5, ``// 提示内边距,单位px,默认各方向内边距为5,

    // 接受数组分别设定上右下左边距,同css

    axisPointer : { ``// 坐标轴指示器,坐标轴触发有效

    type : ``'line'``, ``// 默认为直线,可选为:'line' | 'shadow'

    lineStyle : { ``// 直线指示器样式设置

    color: ``'#48b'``,

    width: 2,

    type: ``'solid'

    },

    shadowStyle : { ``// 阴影指示器样式设置

    width: ``'auto'``, ``// 阴影大小

    color: ``'rgba(150,150,150,0.3)' // 阴影颜色

    }

    },

    textStyle: {

    color: ``'#fff'

    }

    },

    // 区域缩放控制器

    dataZoom: {

    orient: ``'horizontal'``, ``// 布局方式,默认为水平布局,可选为:

    /``/ 'horizontal' ¦ 'vertical'

    // x: {number}, // 水平安放位置,默认为根据grid参数适配,可选为:

    // {number}(x坐标,单位px)

    // y: {number}, // 垂直安放位置,默认为根据grid参数适配,可选为:

    // {number}(y坐标,单位px)

    // width: {number}, // 指定宽度,横向布局时默认为根据grid参数适配

    // height: {number}, // 指定高度,纵向布局时默认为根据grid参数适配

    backgroundColor: ``'rgba(0,0,0,0)'``, ``// 背景颜色

    dataBackgroundColor: ``'#eee'``, ``// 数据背景颜色

    fillerColor: ``'rgba(144,197,237,0.2)'``, ``// 填充颜色

    handleColor: ``'rgba(70,130,180,0.8)' // 手柄颜色

    },

    // 网格

    grid: {

    x: 80,

    y: 60,

    x2: 80,

    y2: 60,

    // width: {totalWidth} - x - x2,

    // height: {totalHeight} - y - y2,

    backgroundColor: ``'rgba(0,0,0,0)'``,

    borderWidth: 1,

    borderColor: ``'#ccc'

    },

    // 类目轴

    categoryAxis: {

    position: ``'bottom'``, ``// 位置

    nameLocation: ``'end'``, ``// 坐标轴名字位置,支持'start' | 'end'

    boundaryGap: ``true``, ``// 类目起始和结束两端空白策略

    axisLine: { ``// 坐标轴线

    show: ``true``, ``// 默认显示,属性show控制显示与否

    lineStyle: { ``// 属性lineStyle控制线条样式

    color: ``'#48b'``,

    width: 2,

    type: ``'solid'

    }

    },

    axisTick: { ``// 坐标轴小标记

    show: ``true``, ``// 属性show控制显示与否,默认不显示

    interval: ``'auto'``,

    // onGap: null,

    inside : ``false``, ``// 控制小标记是否在grid里

    length :5, ``// 属性length控制线长

    lineStyle: { ``// 属性lineStyle控制线条样式

    color: ``'#333'``,

    width: 1

    }

    },

    axisLabel: { ``// 坐标轴文本标签,详见axis.axisLabel

    show: ``true``,

    interval: ``'auto'``,

    rotate: 0,

    margin: 8,

    // formatter: null,

    textStyle: { ``// 其余属性默认使用全局文本样式,详见TEXTSTYLE

    color: ``'#333'

    }

    },

    splitLine: { ``// 分隔线

    show: ``true``, ``// 默认显示,属性show控制显示与否

    // onGap: null,

    lineStyle: { ``// 属性lineStyle(详见lineStyle)控制线条样式

    color: [``'#ccc'``],

    width: 1,

    type: ``'solid'

    }

    },

    splitArea: { ``// 分隔区域

    show: ``false``, ``// 默认不显示,属性show控制显示与否

    // onGap: null,

    areaStyle: { ``// 属性areaStyle(详见areaStyle)控制区域样式

    color: [``'rgba(250,250,250,0.3)'``,``'rgba(200,200,200,0.3)'``]

    }

    }

    },

    // 数值型坐标轴默认参数

    valueAxis: {

    position: ``'left'``, ``// 位置

    nameLocation: ``'end'``, ``// 坐标轴名字位置,支持'start' | 'end'

    nameTextStyle: {}, ``// 坐标轴文字样式,默认取全局样式

    boundaryGap: [0, 0], ``// 数值起始和结束两端空白策略

    splitNumber: 5, ``// 分割段数,默认为5

    axisLine: { ``// 坐标轴线

    show: ``true``, ``// 默认显示,属性show控制显示与否

    lineStyle: { ``// 属性lineStyle控制线条样式

    color: ``'#48b'``,

    width: 2,

    type: ``'solid'

    }

    },

    axisTick: { ``// 坐标轴小标记

    show: ``false``, ``// 属性show控制显示与否,默认不显示

    inside : ``false``, ``// 控制小标记是否在grid里

    length :5, ``// 属性length控制线长

    lineStyle: { ``// 属性lineStyle控制线条样式

    color: ``'#333'``,

    width: 1

    }

    },

    axisLabel: { ``// 坐标轴文本标签,详见axis.axisLabel

    show: ``true``,

    rotate: 0,

    margin: 8,

    // formatter: null,

    textStyle: { ``// 其余属性默认使用全局文本样式,详见TEXTSTYLE

    color: ``'#333'

    }

    },

    splitLine: { ``// 分隔线

    show: ``true``, ``// 默认显示,属性show控制显示与否

    lineStyle: { ``// 属性lineStyle(详见lineStyle)控制线条样式

    color: [``'#ccc'``],

    width: 1,

    type: ``'solid'

    }

    },

    splitArea: { ``// 分隔区域

    show: ``false``, ``// 默认不显示,属性show控制显示与否

    areaStyle: { ``// 属性areaStyle(详见areaStyle)控制区域样式

    color: [``'rgba(250,250,250,0.3)'``,``'rgba(200,200,200,0.3)'``]

    }

    }

    },

    polar : {

    center : [``'50%'``, ``'50%'``], ``// 默认全局居中

    radius : ``'75%'``,

    startAngle : 90,

    splitNumber : 5,

    name : {

    show: ``true``,

    textStyle: { ``// 其余属性默认使用全局文本样式,详见TEXTSTYLE

    color: ``'#333'

    }

    },

    axisLine: { ``// 坐标轴线

    show: ``true``, ``// 默认显示,属性show控制显示与否

    lineStyle: { ``// 属性lineStyle控制线条样式

    color: ``'#ccc'``,

    width: 1,

    type: ``'solid'

    }

    },

    axisLabel: { ``// 坐标轴文本标签,详见axis.axisLabel

    show: ``false``,

    textStyle: { ``// 其余属性默认使用全局文本样式,详见TEXTSTYLE

    color: ``'#333'

    }

    },

    splitArea : {

    show : ``true``,

    areaStyle : {

    color: [``'rgba(250,250,250,0.3)'``,``'rgba(200,200,200,0.3)'``]

    }

    },

    splitLine : {

    show : ``true``,

    lineStyle : {

    width : 1,

    color : ``'#ccc'

    }

    }

    },

    // 柱形图默认参数

    bar: {

    barMinHeight: 0, ``// 最小高度改为0

    // barWidth: null, // 默认自适应

    barGap: ``'30%'``, ``// 柱间距离,默认为柱形宽度的30%,可设固定值

    barCategoryGap : ``'20%'``, ``// 类目间柱形距离,默认为类目间距的20%,可设固定值

    itemStyle: {

    normal: {

    // color: '各异',

    barBorderColor: ``'#fff'``, ``// 柱条边线

    barBorderRadius: 0, ``// 柱条边线圆角,单位px,默认为0

    barBorderWidth: 1, ``// 柱条边线线宽,单位px,默认为1

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    },

    emphasis: {

    // color: '各异',

    barBorderColor: ``'rgba(0,0,0,0)'``, ``// 柱条边线

    barBorderRadius: 0, ``// 柱条边线圆角,单位px,默认为0

    barBorderWidth: 1, ``// 柱条边线线宽,单位px,默认为1

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    }

    }

    },

    // 折线图默认参数

    line: {

    itemStyle: {

    normal: {

    // color: 各异,

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    lineStyle: {

    width: 2,

    type: ``'solid'``,

    shadowColor : ``'rgba(0,0,0,0)'``, ``//默认透明

    shadowBlur: 5,

    shadowOffsetX: 3,

    shadowOffsetY: 3

    }

    },

    emphasis: {

    // color: 各异,

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    }

    },

    //smooth : false,

    //symbol: null, // 拐点图形类型

    symbolSize: 2, ``// 拐点图形大小

    //symbolRotate : null, // 拐点图形旋转控制

    showAllSymbol: ``false // 标志图形默认只有主轴显示(随主轴标签间隔隐藏策略)

    },

    // K线图默认参数

    k: {

    // barWidth : null // 默认自适应

    // barMaxWidth : null // 默认自适应

    itemStyle: {

    normal: {

    color: ``'#fff'``, ``// 阳线填充颜色

    color0: ``'#00aa11'``, ``// 阴线填充颜色

    lineStyle: {

    width: 1,

    color: ``'#ff3200'``, ``// 阳线边框颜色

    color0: ``'#00aa11' // 阴线边框颜色

    }

    },

    emphasis: {

    // color: 各异,

    // color0: 各异

    }

    }

    },

    // 散点图默认参数

    scatter: {

    //symbol: null, // 图形类型

    symbolSize: 4, ``// 图形大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    //symbolRotate : null, // 图形旋转控制

    large: ``false``, ``// 大规模散点图

    largeThreshold: 2000, ``// 大规模阀值,large为true且数据量>largeThreshold才启用大规模模式

    itemStyle: {

    normal: {

    // color: 各异,

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    },

    emphasis: {

    // color: '各异'

    label: {

    show: ``false

    // position: 默认自适应,水平布局为'top',垂直布局为'right',可选为

    // 'inside'|'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    }

    }

    },

    // 雷达图默认参数

    radar : {

    itemStyle: {

    normal: {

    // color: 各异,

    label: {

    show: ``false

    },

    lineStyle: {

    width: 2,

    type: ``'solid'

    }

    },

    emphasis: {

    // color: 各异,

    label: {

    show: ``false

    }

    }

    },

    //symbol: null, // 拐点图形类型

    symbolSize: 2 ``// 可计算特性参数,空数据拖拽提示图形大小

    //symbolRotate : null, // 图形旋转控制

    },

    // 饼图默认参数

    pie: {

    center : [``'50%'``, ``'50%'``], ``// 默认全局居中

    radius : [0, ``'75%'``],

    clockWise : ``false``, ``// 默认逆时针

    startAngle: 90,

    minAngle: 0, ``// 最小角度改为0

    selectedOffset: 10, ``// 选中是扇区偏移量

    itemStyle: {

    normal: {

    // color: 各异,

    borderColor: ``'#fff'``,

    borderWidth: 1,

    label: {

    show: ``true``,

    position: ``'outer'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    labelLine: {

    show: ``true``,

    length: 20,

    lineStyle: {

    // color: 各异,

    width: 1,

    type: ``'solid'

    }

    }

    },

    emphasis: {

    // color: 各异,

    borderColor: ``'rgba(0,0,0,0)'``,

    borderWidth: 1,

    label: {

    show: ``false

    // position: 'outer'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    labelLine: {

    show: ``false``,

    length: 20,

    lineStyle: {

    // color: 各异,

    width: 1,

    type: ``'solid'

    }

    }

    }

    }

    },

    map: {

    mapType: ``'china'``, ``// 各省的mapType暂时都用中文

    mapLocation: {

    x : ``'center'``,

    y : ``'center'

    // width // 自适应

    // height // 自适应

    },

    showLegendSymbol : ``true``, ``// 显示图例颜色标识(系列标识的小圆点),存在legend时生效

    itemStyle: {

    normal: {

    // color: 各异,

    borderColor: ``'#fff'``,

    borderWidth: 1,

    areaStyle: {

    color: ``'#ccc' ``//rgba(135,206,250,0.8)

    },

    label: {

    show: ``false``,

    textStyle: {

    color: ``'rgba(139,69,19,1)'

    }

    }

    },

    emphasis: { ``// 也是选中样式

    // color: 各异,

    borderColor: ``'rgba(0,0,0,0)'``,

    borderWidth: 1,

    areaStyle: {

    color: ``'rgba(255,215,0,0.8)'

    },

    label: {

    show: ``false``,

    textStyle: {

    color: ``'rgba(139,69,19,1)'

    }

    }

    }

    }

    },

    force : {

    // 数据map到圆的半径的最小值和最大值

    minRadius : 10,

    maxRadius : 20,

    density : 1.0,

    attractiveness : 1.0,

    // 初始化的随机大小位置

    initSize : 300,

    // 向心力因子,越大向心力越大

    centripetal : 1,

    // 冷却因子

    coolDown : 0.99,

    // 分类里如果有样式会覆盖节点默认样式

    itemStyle: {

    normal: {

    // color: 各异,

    label: {

    show: ``false

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    nodeStyle : {

    brushType : ``'both'``,

    color : ``'#f08c2e'``,

    strokeColor : ``'#5182ab'

    },

    linkStyle : {

    strokeColor : ``'#5182ab'

    }

    },

    emphasis: {

    // color: 各异,

    label: {

    show: ``false

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    nodeStyle : {},

    linkStyle : {}

    }

    }

    },

    chord : {

    radius : [``'65%'``, ``'75%'``],

    center : [``'50%'``, ``'50%'``],

    padding : 2,

    sort : ``'none'``, ``// can be 'none', 'ascending', 'descending'

    sortSub : ``'none'``, ``// can be 'none', 'ascending', 'descending'

    startAngle : 90,

    clockWise : ``false``,

    showScale : ``false``,

    showScaleText : ``false``,

    itemStyle : {

    normal : {

    label : {

    show : ``true

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    lineStyle : {

    width : 0,

    color : ``'#000'

    },

    chordStyle : {

    lineStyle : {

    width : 1,

    color : ``'#666'

    }

    }

    },

    emphasis : {

    lineStyle : {

    width : 0,

    color : ``'#000'

    },

    chordStyle : {

    lineStyle : {

    width : 2,

    color : ``'#333'

    }

    }

    }

    }

    },

    island: {

    r: 15,

    calculateStep: 0.1 ``// 滚轮可计算步长 0.1 = 10%

    },

    markPoint : {

    symbol: ``'pin'``, ``// 标注类型

    symbolSize: 10, ``// 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    //symbolRotate : null, // 标注旋转控制

    itemStyle: {

    normal: {

    // color: 各异,

    // borderColor: 各异, // 标注边线颜色,优先于color

    borderWidth: 2, ``// 标注边线线宽,单位px,默认为1

    label: {

    show: ``true``,

    position: ``'inside' // 可选为'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    },

    emphasis: {

    // color: 各异

    label: {

    show: ``true

    // position: 'inside' // 'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    }

    }

    }

    },

    markLine : {

    // 标线起始和结束的symbol介绍类型,如果都一样,可以直接传string

    symbol: [``'circle'``, ``'arrow'``],

    // 标线起始和结束的symbol大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2

    symbolSize: [2, 4],

    // 标线起始和结束的symbol旋转控制

    //symbolRotate : null,

    itemStyle: {

    normal: {

    // color: 各异, // 标线主色,线色,symbol主色

    // borderColor: 随color, // 标线symbol边框颜色,优先于color

    borderWidth: 2, ``// 标线symbol边框线宽,单位px,默认为2

    label: {

    show: ``false``,

    // 可选为 'start'|'end'|'left'|'right'|'top'|'bottom'

    position: ``'inside'``,

    textStyle: { ``// 默认使用全局文本样式,详见TEXTSTYLE

    color: ``'#333'

    }

    },

    lineStyle: {

    // color: 随borderColor, // 主色,线色,优先级高于borderColor和color

    // width: 随borderWidth, // 优先于borderWidth

    type: ``'solid'``,

    shadowColor : ``'rgba(0,0,0,0)'``, ``//默认透明

    shadowBlur: 5,

    shadowOffsetX: 3,

    shadowOffsetY: 3

    }

    },

    emphasis: {

    // color: 各异

    label: {

    show: ``false

    // position: 'inside' // 'left'|'right'|'top'|'bottom'

    // textStyle: null // 默认使用全局文本样式,详见TEXTSTYLE

    },

    lineStyle : {}

    }

    }

    },

    textStyle: {

    decoration: ``'none'``,

    fontFamily: ``'Arial, Verdana, sans-serif'``,

    fontFamily2: ``'微软雅黑'``, ``// IE8- 字体模糊并且不支持不同字体混排,额外指定一份

    fontSize: 12,

    fontStyle: ``'normal'``,

    fontWeight: ``'normal'

    },

    // 默认标志图形类型列表

    symbolList : [

    'circle'``, ``'rectangle'``, ``'triangle'``, ``'diamond'``,

    'emptyCircle'``, ``'emptyRectangle'``, ``'emptyTriangle'``, ``'emptyDiamond'

    ],

    loadingText : ``'Loading...'``,

    // 可计算特性配置,孤岛,提示颜色

    calculable: ``false``, ``// 默认关闭可计算特性

    calculableColor: ``'rgba(255,165,0,0.6)'``, ``// 拖拽提示边框颜色

    calculableHolderColor: ``'#ccc'``, ``// 可计算占位提示颜色

    nameConnector: ``' & '``,

    valueConnector: ``' : '``,

    animation: ``true``,

    animationThreshold: 2500, ``// 动画元素阀值,产生的图形原素超过2500不出动画

    addDataAnimation: ``true``, ``// 动态数据接口是否开启动画效果

    animationDuration: 2000,

    animationEasing: ``'ExponentialOut' //BounceOut

    相关文章

      网友评论

          本文标题:2018-08-12

          本文链接:https://www.haomeiwen.com/subject/ahgsbftx.html