Echarts
WinterWang0207
github: wangwenqi0207
工作繁忙博客许久未更新 非常抱歉
展开
-
echarts 可视化数据展示 横柱状图2
效果代码initChart7() { // 带阴影柱状图 var option = { grid: { left: "left", right: "15%", top: "5%", // bottom: "20px", ...原创 2019-12-14 13:43:47 · 238 阅读 · 0 评论 -
echarts 可视化数据展示 竖柱状图
效果initChart6() { // 竖直柱状图 var option = { grid:{ x:20, y:20, x2:20, y2:50, containLabel:true ...原创 2019-12-14 11:31:52 · 1529 阅读 · 0 评论 -
echarts 可视化数据展示 漏斗图
效果 initChart1() { // 漏斗图 var option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c}%" }, ser...原创 2019-12-14 11:29:38 · 3458 阅读 · 0 评论 -
echarts 可视化数据展示 雷达图
效果initChart4() { // 雷达图 var option = { tooltip: { trigger: 'axis' }, radar: [ { indicator: [ ...原创 2019-12-14 11:18:24 · 965 阅读 · 0 评论 -
echarts 可视化数据展示 横柱状图
效果 initChart2() { var option = { grid: { //图表位置 left: "2%", // right: "4%", top: "4%", // bottom: "20px", c...原创 2019-12-14 11:12:29 · 1196 阅读 · 0 评论 -
echarts 可视化数据展示 饼图
效果男女饼图initChart3() { var option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, graphi...原创 2019-12-14 11:03:02 · 1559 阅读 · 0 评论 -
记录一下最近做的 echarts 可视化数据展示 全屏插件和图表自适应屏幕
整体效果全屏插件同事用的是fullscreen全屏插件要在script里面引用一下importfullscreenfrom"vue-fullscreen";Vue.use(fullscreen); //点击图标全屏 .pageWrap是第二层的div大小是 width:1920px;height: 1080px; 和设计图一样 toggle() {...原创 2019-12-12 11:27:16 · 1188 阅读 · 3 评论 -
用Echarts请求百度地图api 小案例
最终效果:1.接收用户输入地点2.点击查询3.中国地图出现4.用户输入的地点用圆点标记出来5.并且右上角可以下载成图片结构:一层结构:my-demo文件夹二层结构:map文件夹、bootstrap.css、china.js、echarts.min.js、jquery.min.jsmap.html所有代码:<!DOCTYPE html>...原创 2019-02-07 22:43:00 · 1526 阅读 · 0 评论