博客

//提示框组件

let option = {
  tooptip: {
    show: "true", //是否显示提示框组件，包含提示框，坐标轴辅助线，
    showContent: "true", //是否显示提示框， 这个只是提示框
    alwaysShowContent: "false", //是否永久显示提示框，默认false
    triggerOn: "mousemove", // 触发条件，支持 "mousemove" "click" 'mousemove|click'
    position: [10, 10], //提示框的位置，默认跟随鼠标位置，可设置像素（绝对位置，距离容器边缘），可设置百分比（相对位置）
    formatter: "{b0}: {c0}<br />{b1}: {c1}", // 提示框中的内容设置 可设置字符串模板，可设置回调函数。
    //{a}（系列名称），{b}（类目值），{c}（数值）
    //也可设置回调函数
    // formatter:(data)=>{
    //     return `<div>日期：${data}</div>`
    // },
    backgroundColor: "rgba(50,50,50,0.7)", //提示框的背景颜色
    borderColor: "#333", //提示框的边框颜色
    borderWidth: 100, //提示框的宽度
    padding: 5, //提示框的内边距  也可以设置为数组，表示各方向的内边距
    //提示框中文字的样式
    textStyle: {
      color: "#FFFFFF",
      fontSize: "12px",
    },
  },
  // ... 其他属性
};