Echarts基本使用，前端开发与后端开发，2024年前端大厂面试

// top:20,

},

grid:{//直角坐标系内绘图网格

left:‘10’,//grid 组件离容器左侧的距离

bottom:‘10’,

right:‘20’,

//grid 区域是否包含坐标轴的刻度标签

containLabel:true,

},

tooltip: { //提示框组件

trigger: ‘axis’, //坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用

// position:[10, 10],//提示框浮层的位置，默认不设置时位置会跟随鼠标的位置

// textStyle:{},//提示框文字样式

//提示框浮层内容格式器，支持字符串模板和回调函数两种形式。

// formatter:‘{a0}-{b0}-{c0}
{a1}-{b1}-{c1}’,//

},

legend: { //系列

left: ‘left’, //位置相对于左侧

orient: ‘vertical’, //图例列表的布局朝向

// textStyle:{},//data样式

// itemHeight :10,//图例的图形的大小

// itemWidth:30,

// icon:‘circle’,//icon图标类型

icon: ‘image://https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic3.16pic.com%2F00%2F21%2F47%2F16pic_2147912_b.jpg&refer=http%3A%2F%2Fpic3.16pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt