ECharts的配置项中常用的有哪些？如何设置图表的样式和属性？

ECharts的配置项中常用的有以下几个：

1. title：图表的标题，可以设置主标题和副标题。

2. xAxis和yAxis：分别是x轴和y轴的配置项，可设置坐标轴类型、标签、刻度等属性。

3. legend：图例，用于展示不同系列的标识与名称。

4. series：数据系列，可设置每个系列的类型、数据、样式等。

5. tooltip：提示框，当鼠标悬停在数据点上时显示的信息。

6. toolbox：工具箱，包含一些交互功能，如保存图片、刷新图表等。

7. grid：网格，用于定义图表的布局，包括位置、大小等。

8. backgroundColor：背景颜色，可以设置图表的背景色。

对于设置图表的样式和属性，可以通过以下方式进行：

1. 创建一个ECharts实例：使用echarts.init()函数初始化一个dom节点，创建一个图表实例。

2. 具体的配置项设置：通过设置option对象来配置图表的样式和属性，可以使用option的各种属性，如title、xAxis、yAxis、series等，根据需求设置相应的属性值。

3. 设置数据：根据图表类型和需求，设置相应的数据部分，如设置series的data属性，传入相应的数据。

4. 渲染图表：调用实例的setOption()方法，将之前设置好的option对象传入即可渲染出图表。

例如，下面是一个简单的折线图配置示例：

// 创建ECharts实例
var myChart = echarts.init(document.getElementById('chart'));

// 设置option配置项
var option = {
  title: {
    text: '折线图示例'
  },
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'line'
  }]
};

// 渲染图表
myChart.setOption(option);

以上代码中，通过设置title、xAxis、yAxis和series属性，来定义了一个简单的折线图的样式和数据。最后通过setOption方法将配置应用到图表实例上，即可渲染出折线图。具体的配置项和样式可以根据需求进行调整。