Echarts绘制油井层位产液剖面图（堆叠）

司马青书

已于 2023-10-13 08:39:34 修改

阅读量562

点赞数 1

文章标签： echarts javascript 前端

于 2023-10-12 17:29:53 首次发布

本文链接：https://blog.csdn.net/u013687367/article/details/133795607

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="echarts.js"></script>
<script>
    window.onload= function(){
	var chartDom = document.getElementById('main');
	var myChart = echarts.init(chartDom);
	var option;
	const data = [
	  [2, 8, 1, 3, 6, 'A'],//层段顶深，层段底深，产油量，产水量，层位厚度，层位名称
	  [11, 14, 3, 1, 3, 'B'],
	  [18, 22, 2, 3, 4, 'C'],
	  [26, 32, 2, 2, 6, 'D'],
	  [39, 41, 1, 0.5, 2, 'E'],
	  [56, 62, 4, 2.5, 6, 'F']
    ];
	option = {
		title: {
			text: '产液剖面图',
			left: 'center'
		  },
		tooltip: {},
		color:["red","blue"],
		legend: {
		bottom:'1%'
		},
		 xAxis: {
			scale: true,
			position:'top',
			min:0,
			max:6
		  },
		yAxis: {