apexcharts实现曲线柱状图在一起的图表效果代码
代码语言:html
所属分类:图表
代码描述:apexcharts实现曲线柱状图在一起的图表效果代码
代码标签: apexcharts 曲线 柱状图 一起 图表
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<style>
#chart{max-width:650px;margin:35px auto}
</style>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/apexcharts.3.35.js"></script>
</head>
<body>
<div id="chart"></div>
<script>
var options = {
series: [{
"name": "Line",
"type": "line",
"data": [37, 38.3, 33.01, 30, 29.7, 30, 35.2, 44, 45, 41, 22, 22.5, 29.1, 25.5, 41.2, 43.8, 39, 23, 26, 22, 34, 37, 43, 41, 17]
}, {
"name": "Bar1",
"type": "bar",
"data": [-1.57, -1.83, -0.29, 2, 0.23, 3, 0, -0.77, 0, 0, 0, -0.16, -0.5, -0.75, -0.93, -0.93, -0.45, 0, 0, -0.23, -0.95, -1.12, -0.51, 0.76]
}, {
"name": "Bar2",
".........完整代码请登录后点击上方下载按钮下载查看
网友评论0