2020年11月2日
echarts 折线图2
摘要： option = { xAxis: { type: 'category', data: ['河南', '河北', '江苏', '新疆', '北京', '山东', '山西',"商丘","平顶山"], axisTick: {show: false}, axisLabel:{ rotate:40, } } 阅读全文
posted @ 2020-11-02 17:30 云里知音 阅读(98) 评论(0) 推荐(0) 编辑
echarts 自定义markpoint的样式
摘要： series中的markpoint样式 ECharts提供的默认标记类型样式： "circle ", "rect", "roundRect, 'triangle', 'diamond', 'pin', 'arrow', 'none' 如果自定义样式，有以下两种方式： 1、通过 'image://ur 阅读全文
posted @ 2020-11-02 16:00 云里知音 阅读(7041) 评论(0) 推荐(1) 编辑
echarts 柱状图
摘要： var index = 0; var colorList = ['#fff', '#000']; option = { // backgroundColor:"#17326b", grid:{ left:"80", top:"10", right:"60", bottom:"60", contain 阅读全文
posted @ 2020-11-02 10:18 云里知音 阅读(150) 评论(0) 推荐(0) 编辑
2020年11月1日
echarts 双y轴渐变色进度条
摘要： var index = 0; var colorList = ['#f36c6c', '#e6cf4e', '#20d180', '#0093ff']; option = { backgroundColor:"#17326b", grid:{ left:"40", top:"10", right:" 阅读全文
posted @ 2020-11-01 21:34 云里知音 阅读(432) 评论(0) 推荐(0) 编辑
2020年10月30日
echarts 折线图
摘要： option = { tooltip:{ trigger:"axis", textStyle:{ color:"#FFF", }, }, xAxis: { type: 'category', axisTick:{show:false}, axisLabel:{ rotate:40 //控制文字倾斜 阅读全文
posted @ 2020-10-30 17:01 云里知音 阅读(217) 评论(0) 推荐(0) 编辑
2020年10月29日
echarts 渐变色进度条
摘要： option = { backgroundColor:"#17326b", grid:{ left:"10", top:"10", right:"0", bottom:"10", containLabel:true }, xAxis: { type: 'value', splitLine:{show 阅读全文
posted @ 2020-10-29 11:11 云里知音 阅读(1853) 评论(0) 推荐(0) 编辑
2020年10月28日
echarts 折线图 areaStyle颜色重叠问题
摘要： option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, legend: { data: ['苹果', '香蕉', '橘子'], // 设置具体项 i 阅读全文
posted @ 2020-10-28 10:57 云里知音 阅读(5635) 评论(1) 推荐(0) 编辑
echarts 柱状堆叠图 通过stack属性控制
摘要： option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, legend: { data: ['百度', '谷歌', '折线'], icon:"reac 阅读全文
posted @ 2020-10-28 09:54 云里知音 阅读(5472) 评论(1) 推荐(1) 编辑
2020年10月27日
echarts 进度条
摘要： var colors = ["#f00","#00f","#ff0","#0ff","#f0f"]; option = { title: { text: '世界人口总量', subtext: '数据来自网络' }, tooltip: { trigger: 'axis', axisPointer: { 阅读全文
posted @ 2020-10-27 23:45 云里知音 阅读(7291) 评论(1) 推荐(1) 编辑
echarts 柱状图 定制双y轴数据
摘要： option = { backgroundColor:"#293c55", tooltip: { trigger: 'axis' }, legend: { itemWidth:15, //设置legend图标的宽度 itemHeight:15, //设置legend图标的高度 right:60, / 阅读全文
posted @ 2020-10-27 16:16 云里知音 阅读(3040) 评论(0) 推荐(0) 编辑