zoukankan      html  css  js  c++  java
  • 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 ]

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

  • 相关阅读:
    什么是TCP, UDP, HTTP, HTTPS协议?
    Django 自定义分页器
    PHP7.3安装event扩展
    深入浅出 PHP SPL(PHP 标准库)(转)
    Centos7安装redis5.0.7
    useradd命令详解(转)
    centos7.5下安装rabbitmq服务端以及php扩展
    php-fpm启动,重启,退出
    深度好文:PHP写时拷贝与垃圾回收机制(转)
    非对称加密openssl协议在php7实践
  • 原文地址:https://www.cnblogs.com/qtx-/p/11672588.html
Copyright © 2011-2022 走看看