Echarts 线条的粗细，颜色变化，切换改变数据

**用Echarts实现以下效果图加粗样式 **


话不多说，直接甩代码

折线图代码

<div class="chart">
	<div class="font13 chart-title">
		<span class="active">提出建议</span>|<span>集中观察</span>|<span>专题调研</span>|<span>人大组织会议活动</span>
	</div>
	<div id="main"></div>
</div>

// 折线图
var myChart = echarts.init(document.getElementById('main'));
var myDateX =  ['于小慧', '张晓明', '黄晓霞', '李晓芳', '周小强', '李小虎', '张小红'];
var myDateY =  [450, 432, 401, 454, 590, 530, 610];

option = {
	grid: {
	    left: '5%',
	    right: '5%',
	    bottom: '3%',
	    containLabel: true
	},
    xAxis: {
		axisLine: {
			show:false,
			lineStyle:{ //lineStyle里面写y轴那一条线的样式
				color:'#333',
				width:2, //轴线的粗细 我写的是2 最小为0，值为0的时候线隐藏
			}
		},
		axisTick: {show:false},
		splitLine:{show:false},
        type: 'category',
        data: myDateX,
		axisLabel:{  //数据显示不全
			interval:0
		}
    },
    yAxis: {
		show:true,
		axisLine: {
			show:false,
			lineStyle:{ //lineStyle里面写y轴那一条线的样式
				color:'#333',
				width:2, //轴线的粗细 我写的是2 最小为0，值为0的时候线隐藏
			}
		},
		offset: 8,
		axisTick: {show:false},
		splitLine:{
			show:true
		},
        type: 'value'