echart生成折柱图代码
时间: 2023-04-07 09:04:21 浏览: 102
百度Echarts可执行代码文件,折线图。
你可以使用以下代码生成折柱图:
```javascript
// 引入 echarts
import echarts from 'echarts';
// 初始化图表
const myChart = echarts.init(document.getElementById('chart'));
// 配置图表
const option = {
// 图表标题
title: {
text: '折柱图',
},
// 图表提示框
tooltip: {
trigger: 'axis',
},
// 图表图例
legend: {
data: ['折线', '柱状'],
},
// x轴
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
},
// y轴
yAxis: [
{
type: 'value',
name: '折线',
axisLabel: {
formatter: '{value} °C',
},
},
{
type: 'value',
name: '柱状',
axisLabel: {
formatter: '{value} mm',
},
},
],
// 系列数据
series: [
{
name: '折线',
type: 'line',
data: [11, 11, 15, 13, 12, 13, 10],
},
{
name: '柱状',
type: 'bar',
yAxisIndex: 1,
data: [1, 2, 3, 4, 5, 6, 7],
},
],
};
// 渲染图表
myChart.setOption(option);
```
希望这个代码能够帮到你!
阅读全文