echarts
Qiang2022
web
展开
-
echarts 双柱图配置
option = {tooltip : {trigger: ‘axis’},legend: {data:[‘2011年’, ‘2012年’]},grid:{borderWidth:0,},calculable : false,yAxis : [{axisLabel: {show: true,interval: ‘auto’,formatter: ‘{value}’},axisLine:{lineStyle:{color:’#999’,width:1}},typ原创 2021-05-11 17:24:02 · 485 阅读 · 0 评论 -
echarts漏斗图配置
option = {color : [‘rgba(255, 69, 0, 0.5)’,‘rgba(255, 150, 0, 0.5)’,‘rgba(255, 200, 0, 0.5)’,‘rgba(155, 200, 50, 0.5)’,‘rgba(55, 200, 100, 0.5)’],title : {text: ‘漏斗图’},tooltip : {show: false,trigger: ‘item’,formatter: “{a} {b} : {c}%”},tool原创 2021-05-11 17:23:17 · 1283 阅读 · 0 评论 -
echarts环形图配置
option = {color: [new echarts.graphic.LinearGradient(0, 1, 0, 0, [{offset:1, color: ‘#188df0’},// {offset: 0.5, color:’#188df0’},{offset: 0,color: ‘#83bff6’}]),new echarts.graphic.LinearGradient(1, 0, 0, 0, [{offset: 1, color: ‘#83bff6’},//{offset:原创 2021-05-11 17:22:35 · 528 阅读 · 0 评论 -
echarts 中国地图---蓝色
<div id="main"></div>var myChart = echarts.init(document.getElementById(‘main’));myChart.setOption(option);option = {tooltip: {formatter:function(params,ticket, callback){return params.seriesName+’’+params.name+’:’+params.value}},...原创 2021-05-11 17:21:41 · 730 阅读 · 0 评论 -
echarts中国地图配置
<script type="text/javascript" src="js/echarts.min.js" ></script> <script type="text/javascript" src="js/china.js" ></script>function randomData() {return Math.round(Math.random()*500);}var mydata = [{name: ‘北京’,value: ...原创 2021-05-11 17:19:16 · 756 阅读 · 0 评论 -
echarts多y轴组合图
var colors = ['#5470C6', '#91CC75', '#EE6666'];option = { color: colors, tooltip: { trigger: 'axis', }, grid: { right: '20%' }, legend: { data: ['蒸发量', '降水量', '平均温度'] }, xAxis: [ { ...原创 2021-05-11 17:06:05 · 239 阅读 · 0 评论 -
echarts折线图
var colors = ['#675bba'];option = { color: colors, tooltip: { trigger: 'axis', }, grid: { right: '20%' }, toolbox: { feature: { dataView: {show: true, readOnly: false}, restore: {sh...原创 2021-05-11 16:53:36 · 127 阅读 · 0 评论