都是平时边看视频边整理的，放了好几个月也没用到，先放到这里，等用到的时候好复习
// 图表标题
title: {
x: ‘left‘, // 水平安放位置，默认为左对齐，可选为：
// ‘center‘ ¦ ‘left‘ ¦ ‘right‘
// ¦ {number}（x坐标，单位px）
y: ‘top‘, // 垂直安放位置，默认为全图顶端，可选为：
// ‘top‘ ¦ ‘bottom‘ ¦ ‘center‘
// ¦ {number}（y坐标，单位px）
//textAlign: null // 水平对齐方式，默认根据x设置自动调整
backgroundColor: ‘rgba(0,0,0,0)‘,
borderColor: ‘#ccc‘, // 标题边框颜色
borderWidth: 0, // 标题边框线宽，单位px，默认为0（无边框）
padding: 5, // 标题内边距，单位px，默认各方向内边距为5，
// 接受数组分别设定上右下左边距，同css
itemGap: 10, // 主副标题纵向间隔，单位px，默认为10，
textStyle: {
fontSize: 18,
fontWeight: ‘bolder‘,
color: ‘#333‘ // 主标题文字颜色
},
subtextStyle: {
color: ‘#aaa‘ // 副标题文字颜色
}
},
// 图例
legend: {
orient: ‘horizontal‘, // 布局方式，默认为水平布局，可选为：
// ‘horizontal‘ ¦ ‘vertical‘
x: ‘center‘, // 水平安放位置，默认为全图居中，可选为：
// ‘center‘ ¦ ‘left‘ ¦ ‘right‘
// ¦ {number}（x坐标，单位px）
y: ‘top‘, // 垂直安放位置，默认为全图顶端，可选为：
// ‘top‘ ¦ ‘bottom‘ ¦ ‘center‘
// ¦ {number}（y坐标，单位px）
backgroundColor: ‘rgba(0,0,0,0)‘,
borderColor: ‘#ccc‘, // 图例边框颜色
borderWidth: 0, // 图例边框线宽，单位px，默认为0（无边框）
padding: 5, // 图例内边距，单位px，默认各方向内边距为5，
// 接受数组分别设定上右下左边距，同css
itemGap: 10, // 各个item之间的间隔，单位px，默认为10，
// 横向布局时为水平间隔，纵向布局时为纵向间隔
itemWidth: 20, // 图例图形宽度
itemHeight: 14, // 图例图形高度
textStyle: {
color: ‘#333‘ // 图例文字颜色
}
},
//其余配置
tooltip: {
trigger: ‘item‘, 只有放到轴上才有数据提示
trigger: ‘axis‘, 只要放到轴对应的区域就可以显示数据提示
axisPointer:{ ---坐标轴指示器
type:‘line‘ 直线指示器,‘shadow‘ 阴影指示器,‘none‘ 无指示器,‘cross‘ 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。
}
},
toolbox:{
show:true 默认展示右上角工具栏
feature: { 自定义工具集
dataZoom: { 缩放--直角系坐标
yAxisIndex: true --Y轴
},
saveAsImage: { -------保存为图片
pixelRatio: 2 --保存图片的分辨率比例，保存更高分辨率的,设置为大于 1 的值，例如 2
},
magicType: { --------动态类型切换
启用的动态类型，包括‘line‘（切换为折线图）, ‘bar‘（切换为柱状图）, ‘stack‘（切换为堆叠 模式）, ‘tiled‘（切换为平铺模式）。
type: [‘line‘, ‘bar‘, ‘stack‘, ‘tiled‘]
}
dataView: { ---视图数据，点击可看图表中的数据
lang:[‘数据视图‘,‘关闭‘,‘刷新‘],
optionToContent:function(){
--重写数据展示内容，可自行排版获取数据展示
}
}，
restore:{ -----刷新
show:true
} ,
mark:{
show:true 辅助线 2.7可用，3.0以上好像不行？
}
}
}
calculable:true 拖拽混合
dataZoom:{
show:true, --显示缩放
start: 20 , --在20%出开始
end:80, --到80%出结束
realtime:true ---实时
}
xAxis:{
boundaryGap:true --两端留白策略
precision:2 --小数点精确，这里表示2位
sacle:true --是否脱离0值比例，设置后刻度不会从零开始，一般看需求配置
}
yAxis:{
formatter: ‘{value} kg‘ ----加单位，例如kg或者%
formatter: function(value,index){
//code
}
}
tooltip:{
formatter: ‘{a}
{b}: {c}{{d}%}‘
{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
}
series:{
radius:‘50%‘ --图表大小--饼图
center：["50%","60%"] --圆心
itemStyle:{
normal:{
lable:{ ------图表延申出来的文字，标签视觉引导线
show:true,
formatter:“{b}:{c}{{d}%}”
}
}
}
{
stack:‘a‘ --堆叠，但是其余数据里的stack都得一样
}
}
emphasis:{ 高亮的扇区和标签样式。
show:true,
textStyle:{ --文本样式
}
}
echarts.connect([myChart1,myChart2]) --将两个图表关联起来
echarts学习整理
原文：https://www.cnblogs.com/chunhaizhilan/p/13565123.html
