echarts属性随手记

设置将图表保存成图片,用saveAsImage实现,配置如下:

toolbox: {
    show: true,
    feature: {
        saveAsImage: {}
    }
},
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    

设置坐标轴(x、y)不从0开始,用onZero实现,配置如下:

xAxis: {
    min: -100,
    max: 80,
    type: 'value',
    axisLine: {onZero: false}
},
yAxis: {
    min: -30,
    max: 60,
    type: 'value',
    axisLine: {onZero: false}
},
series[i]-graph.focusNodeAdjacency boolean
[ default: false ]

是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点。

yAxis.triggerEvent boolean
[ default: false ]

坐标轴的标签是否响应和触发鼠标事件,默认不响应。

事件参数如下:

{
    // 组件类型,xAxis, yAxis, radiusAxis, angleAxis
    // 对应组件类型都会有一个属性表示组件的 index,例如 xAxis 就是 xAxisIndex
    componentType: string,
    // 未格式化过的刻度值, 点击刻度标签有效
    value: '',
    // 坐标轴名称, 点击坐标轴名称有效
    name: ''
}
series[i]-map.roam boolean, string
[ default: false ]

是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移,可以设置成 'scale' 或者 'move'。设置成 true 为都开启

 
effectScatter

带有涟漪特效动画的散点(气泡)图。利用动画特效可以将某些想要突出的数据进行视觉突出。

        axisPointer: {
            link: {xAxisIndex: 'all'},
            label: {
                backgroundColor: '#000'
            }
        },

https://www.echartsjs.com/examples/en/editor.html?c=doc-example/candlestick-axisPointer 该例子直接查看鼠标事件显示坐标轴上的提示效果;

yAxis.nameGap number
[ default: 15 ]

坐标轴名称与轴线之间的距离

原文地址:https://www.cnblogs.com/qtx-/p/11672588.html