echarts4 java 通用结构_Echarts 通用配置项

这篇文章会首先介绍使用echarts的最简单的例子，然后介绍一些通用的配置项。后面会拿几篇文章专门讲解echarts的graphic, 以及echarts的自定义系列，掌握了echarts的自定义系列的用法，那绘制任何图形都不在话下。除了普通的渲染，还有一些交互行为，比如拖动等等，后面也会介绍。

所以主要包含几个方面：

1、echarts的通用配置项

2、echarts的graphic

3、echarts的自定义系列

4、echarts的交互

首页进入第一块内容，echarts的通用配置项。

我们来看看官网的第一的例子：

ECharts

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

var option = {

title: {

text: 'ECharts 入门示例'

},

tooltip: {},

legend: {

data:['销量']

},

xAxis: {

data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]

},

yAxis: {},

series: [{

name: '销量',

type: 'bar',

data: [5, 20, 36, 10, 10, 20]

}]

};

// 使用刚指定的配置项和数据显示图表。

myChart.setOption(option);

通用的配置项可以查看官网的配置项手册：https://echarts.baidu.com/opt...

这里只介绍几种通用的配置，比如grid, xAxis的配置 , yAxis的配置, DataZoom的配置 以及Echarts拖动。

一、grid的配置

单个grid最多可以放上下两个X轴，左右两个Y轴，在Ec