echarts实现瀑布流柱状图图表效果代码
代码语言:html
所属分类:图表
代码描述:echarts实现瀑布流柱状图图表效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } a:link, a:visited { color: #4682b4; } a:hover { color: #4169e1; } #main { width: 1000px; height: 800px; } </style> </head> <body > <!-- Must specify width and height of DOM, ref CSS --> <div id="main"></div> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/echarts.5.1.1.js"></script> <script > // based ready dom, initialize echarts instance var myChart = echarts.init(document.getElementById('main')); // Specify configurations and data graphs var option = { title: { text: 'Shenzhen Monthly Subsistence Minimum Composition (Unit: Yuan)', subtext: 'From ExcelHome', sublink: 'http://bfw.wiki' }, tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: function (params) { var tar = params[0]; return tar.name + '<br/>'.........完整代码请登录后点击上方下载按钮下载查看
网友评论0