Echartsjs常用配置

简介: Echartsjs常用配置
let option = {
        title: {
          // 标题文本
          text: '标题文本',
          textStyle: {
            // 标题字体大小
            fontSize: 14
          },
          // textAlign: "right"
          // 标题位置居中
          left: "center"
        },
        // 坐标面板位置
        grid: {
          right: 0
        },
        // x轴
        xAxis: {
          type: "category",
          data: ['毛衣', '裤子', '裙子']
        },
        // y轴
        yAxis: {
          type: "value",
          name: 'y轴名称',
          nameTextStyle: { fontSize: 10 }
        },
        // 保存为图片
        toolbox: {
          show: true,
          right: 20,
          feature: {
            saveAsImage: {
              show: true,
              excludeComponents: ["toolbox"],
              pixelRatio: 2
            }
          }
        },
        series: [
          {
            type: "line",
            data: [20, 30, 40],
            // 显示数值
            itemStyle: {
              normal: {
                label: { show: true },
                // 设置线条颜色
                color: "#6833CF",
                lineStyle: {
                  //设置线条粗细
                  width: 1.5
                }
              }
            }
          }
        ]
      };
相关文章
|
消息中间件 JavaScript Dubbo
spring cloud alibaba springboot nacos 版本对应
spring cloud alibaba springboot nacos 版本对应
9833 0
P9242 [蓝桥杯 2023 省 B] 接龙数列JAVA,边权为1的最短路问题,洛谷P9242 [蓝桥杯 2023 省 B] 接龙数列​编辑力扣1926.迷宫离入口最近的出口力扣433.
P9242 [蓝桥杯 2023 省 B] 接龙数列JAVA,边权为1的最短路问题,洛谷P9242 [蓝桥杯 2023 省 B] 接龙数列​编辑力扣1926.迷宫离入口最近的出口力扣433.
|
存储 运维 监控
运维必备——Zabbix监控系统(上)
运维必备——Zabbix监控系统(上)
1765 1
运维必备——Zabbix监控系统(上)
|
Go
golang力扣leetcode 74.搜索二维矩阵
golang力扣leetcode 74.搜索二维矩阵
78 0
【数组的使用续篇】
【数组的使用续篇】
84 0
|
存储 编解码 缓存
ADB 操作命令及用法
adb 称之为: Android 调试桥 ([Android Debug Bridge](https://developer.android.com/studio/command-line/adb.html) )是一种允许模拟器或已连接的 Android 设备进行通信的命令行工具,可为各种设备操作提供便利,如安装和调试应用,并提供对 `Unix shell`(可用来在模拟器或连接的设备上运行各种命令)的访问。 可以在`Android SDK/platform-tools`中找到 `adb` 工具或下载 [ADB Kits](http://adbshell.com/downloads) 。
1638 0
ADB 操作命令及用法
|
开发工具
(0.3)HarmonyOS鸿蒙开发工具DevEco Studio 模拟器使用
(0.3)HarmonyOS鸿蒙开发工具DevEco Studio 模拟器使用
(0.3)HarmonyOS鸿蒙开发工具DevEco Studio 模拟器使用
|
前端开发
「CSS畅想」周期性事情怕忘,来看看一个月内都安排在哪天
前端玩转CSS,可以创造出不少有趣的效果。今天实现了一个周期性日期获取功能,小功能大用处。
222 1
SpringMVC学习(七):SpringMVC的视图
SpringMVC学习(七):SpringMVC的视图
210 0
SpringMVC学习(七):SpringMVC的视图