html中怎样在表单中加表格,HTML+CSS入门 HTML如何在表格中添加echarts图表

本篇教程介绍了HTML+CSS入门 HTML如何在表格中添加echarts图表，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

在HTML的table中，只要将需要插入echarts图表的格子设定为明确的宽高(不能为百分比)，并赋予一个id，就可以插入echarts图表。

如示例所示：

html>

ECharts

Header 1	Header 2
row 1, col 1	row 1, col 2
row 2, col 1	row 2, col 2

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

var myChart = echarts.init(document.getElementById(‘mainBar‘));

var option = {

xAxis: {

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

},

yAxis: {},

series: [{

name: ‘销量‘,

type: ‘bar‘,

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

}]

};

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

myChart.setOption(option);

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

var myChart = echarts.init(document.getElementById(‘mainLine‘));

var option = {

xAxis: {

data: [],

},

yAxis: {},

series: [{

name: ‘销量‘,

type: ‘line‘,

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

}]

};

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

myChart.setOption(option);

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！