写一个Echarts曲线加粗 标题为学生就业情况
时间: 2024-03-16 12:47:25 浏览: 13
好的,以下是一个简单的Echarts曲线加粗,标题为“学生就业情况”:
```javascript
// 引入Echarts
import echarts from 'echarts'
// 创建DOM元素
const chartDom = document.createElement('div')
chartDom.style.width = '600px'
chartDom.style.height = '400px'
// 初始化图表
const chart = echarts.init(chartDom)
// 配置数据
const data = {
xAxis: {
type: 'category',
data: ['2016', '2017', '2018', '2019', '2020']
},
yAxis: {
type: 'value'
},
series: [
{
type: 'line',
data: [120, 200, 150, 80, 70],
lineStyle: {
width: 3 // 线宽设置为3
}
}
]
}
// 设置标题
chart.setOption({
title: {
text: '学生就业情况',
textStyle: {
fontWeight: 'bold'
}
},
...data
})
// 渲染图表
chart.render()
// 将图表添加到页面中
document.body.appendChild(chartDom)
```
以上代码创建了一个宽为600px,高为400px的Echarts图表,以“学生就业情况”为标题,显示了2016-2020年学生就业情况的曲线图,且线宽设置为3。