当前位置： 首页 > news >正文

网校网站毕业设计的方案wordpress付费主题破解

news 2025/11/4 16:03:09
网校网站毕业设计的方案,wordpress付费主题破解,html网站制作答辩ppt,哈尔滨市住房与城乡建设局网站ECharts教程(详细) 非常全面的ECharts教程，非常全面的ECharts教程，目前线条/节点颜色、线条粗细、线条样式、线条阴影、线条平滑、线条节点大小、线条节点阴影、线条节点边框、线条节点边框阴影、工具提醒、工具提醒样式、工具自定义提醒、工具提醒背景…

ECharts教程(详细)

非常全面的ECharts教程，非常全面的ECharts教程，目前线条/节点颜色、线条粗细、线条样式、线条阴影、线条平滑、线条节点大小、线条节点阴影、线条节点边框、线条节点边框阴影、工具提醒、工具提醒样式、工具自定义提醒、工具提醒背景、工具提醒边框、工具提醒阴影、工具提醒文字样式、工具箱、工具箱图标、工具箱标题、工具箱功能、类别显示、类别显示位置、类别显示图标、类别显示图标大小、类别显示图标间距、类别显示、类别显示位置、类别显示图标、类别显示图标大小、类别显示图标间距、类别显示图标文字大小、类别显示图标文字颜色、轴方向等多达四十个快捷键使多达四十个快捷键使用。

可以在使用过程中轻松应对大部分场景。由于时间原因，本文只更新全文的10%。以下时间会持续更新，ECharts 是一个常用的工具，但苦涩的 API 常常让人困惑。建议收藏一份，以方便使用时快速查找和解决问题。

文章目录

  • ECharts教程(详细)
    • 1：线条/节点颜色
    • 2：线条粗细
    • 3：线条样式
    • 4：线条阴影
    • 5：线条平滑
    • 6：线条节点大小
    • 7：线条节点阴影
    • 8：线条节点边框
    • 9：线条节点边框阴影
    • 10：工具提醒
    • 11：工具提醒样式
    • 12：工具自定义提醒
    • 13：工具提醒背景
    • 14：工具提醒边框
    • 15：工具提醒阴影
    • 16：工具提醒文字样式
    • 17：工具箱
    • 18：工具箱图标
    • 19：工具箱标题
    • 20：工具箱功能
    • 21：类别显示
    • 22：类别显示位置
    • 23：类别显示图标
    • 24：类别显示图标大小
    • 25：类别显示图标间距
    • 26：类别显示图标文字大小
    • 27：类别显示图标文字颜色
    • 28：轴方向（同其他，如柱状图等）
    • 29：坐标轴名称
    • 30：坐标轴名称位置
    • 31：坐标轴名称文字样式
    • 32：坐标轴名称与轴线之间的距离
    • 33：显示标签
    • 34：标签位置
    • 35：标签文字样式
    • 36：标签背景色
    • 37：标签边框
    • 38：标签边框圆角
    • 39：标签内边距
    • 40：标签阴影
    • 41：标签旋转
    • 42：持续更新中 ......

1：线条/节点颜色

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF'}}},}
]

在这里插入图片描述

2：线条粗细

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',width: 3}}},}
]

在这里插入图片描述

3：线条样式

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',width: 3,type: 'dashed'}}},}
]

在这里插入图片描述

4：线条阴影

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',width: 3,type: 'dashed',shadowColor: 'rgba(0, 0, 0, 0.5)',shadowBlur: 10,shadowOffsetY: 10}}},}
]

在这里插入图片描述

5：线条平滑

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',smooth: true,itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',width: 3,type: 'dashed',shadowColor: 'rgba(0, 0, 0, 0.5)',shadowBlur: 10,shadowOffsetY: 10}}},}
]

在这里插入图片描述

6：线条节点大小

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',symbol: 'circle',symbolSize: 20,itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',}}},}
]

在这里插入图片描述

7：线条节点阴影

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',symbol: 'circle',symbolSize: 20,itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},areaStyle: {color: 'rgba(0, 0, 0, 0.5)'}}},}
]

在这里插入图片描述

8：线条节点边框

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',symbol: 'circle',symbolSize: 20,itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},borderColor: '#409EFF',borderWidth: 5}},}
]

在这里插入图片描述

9：线条节点边框阴影

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',symbol: 'circle',symbolSize: 20,itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},borderColor: '#409EFF',borderWidth: 5,shadowColor: 'rgba(0, 0, 0, 0.5)',shadowBlur: 10,shadowOffsetY: 10}},}
]

在这里插入图片描述

10：工具提醒

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis'},}
]

在这里插入图片描述

11：工具提醒样式

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',formatter: '{b}<br />{a}: {c}'},}
]

在这里插入图片描述

12：工具自定义提醒

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',formatter: function (params) {return params[0].name + '<br /><span style="color:#409EFF">hello world<span>'}},}
]

在这里插入图片描述

13：工具提醒背景

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',backgroundColor: '#E6A23C'},}
]

在这里插入图片描述

14：工具提醒边框

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',borderColor: '#409EFF',borderWidth: 15},}
]

在这里插入图片描述

15：工具提醒阴影

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',shadowColor: 'rgba(0, 0, 0, 0.5)',shadowBlur: 10,shadowOffsetY: 10},}
]

在这里插入图片描述

16：工具提醒文字样式

series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',itemStyle: {normal: {color: '#E6A23C',lineStyle: {color: '#409EFF',},}},tooltip: {trigger: 'axis',textStyle: {color: '#409EFF',fontSize: 20}},}
]

在这里插入图片描述

17：工具箱

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},toolbox: {feature: {saveAsImage: {}}},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

18：工具箱图标

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},toolbox: {feature: {saveAsImage: {icon: 'image://https://img.88icon.com/download/jpg/202001/388cc11b509232e7b5a2340742aba2ef.jpg!88con'}}},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

19：工具箱标题

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},toolbox: {feature: {saveAsImage: {title: '保存为图片'}}},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

20：工具箱功能

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},toolbox: {feature: {dataZoom: {},dataView: {readOnly: false},magicType: {type: ['line', 'bar']},restore: {},saveAsImage: {}}},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

21：类别显示

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

22：类别显示位置

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],left: 'right'},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

23：类别显示图标

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],icon: 'circle'},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

24：类别显示图标大小

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],icon: 'circle',itemWidth: 20,itemHeight: 20},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

25：类别显示图标间距

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],icon: 'circle',itemGap: 20},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

26：类别显示图标文字大小

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],icon: 'circle',textStyle: {fontSize: 20}},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

27：类别显示图标文字颜色

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},legend: {data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],icon: 'circle',textStyle: {color: 'red'}},series: [{name:'Mon',data: [150, 230, 224, 218, 135, 147, 260],type: 'line'},{name:'Tue',data: [50, 30, 24, 18, 35, 47, 60],type: 'line'}]
};

在这里插入图片描述

28：轴方向（同其他，如柱状图等）

option = {xAxis: {type: 'value'},yAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

29：坐标轴名称

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value',name: '我是Y轴名称'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

30：坐标轴名称位置

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value',name: '我是Y轴名称',nameLocation: 'middle'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

31：坐标轴名称文字样式

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value',name: '我是Y轴名称',nameTextStyle: {color: 'red',fontSize: 20}},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

32：坐标轴名称与轴线之间的距离

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value',name: '我是Y轴名称',nameGap: 20},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};

在这里插入图片描述

33：显示标签

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true}}]
};

在这里插入图片描述

34：标签位置

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,position: 'left'}}]
};

在这里插入图片描述

35：标签文字样式

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,position: 'left',textStyle: {color: 'red',fontSize: 20}}}]
};

在这里插入图片描述

36：标签背景色

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,textStyle: {color: 'red',fontSize: 20},backgroundColor: 'yellow'}}]
};

在这里插入图片描述

37：标签边框

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,borderColor: 'blue',borderWidth: 2}}]
};

在这里插入图片描述

38：标签边框圆角

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,borderRadius: 10}}]
};

在这里插入图片描述

39：标签内边距

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,borderColor: 'blue',borderWidth: 5,borderRadius: 10,padding: 10}}]
};

在这里插入图片描述

40：标签阴影

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,borderColor: 'blue',borderWidth: 1,padding: 10,shadowColor: 'red',shadowBlur: 10,shadowOffsetX: 1,shadowOffsetY: 1}}]
};

在这里插入图片描述

41：标签旋转

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',label: {show: true,rotate: 45}}]
};

在这里插入图片描述

42：持续更新中 …

如果命名不合适，或者遇到这里没有收录的内容，请留言，我会以更快的速度更新。

目前只更新了比较常用的部分，以后会持续更新…

http://www.yayakq.cn/news/822010/

相关文章：

  • 做网站用asp div代码安庆商城网站开发
  • 小说网站编辑怎么做手机网站主页面文艺
  • 自己做企业网站的步骤区块链开发需要什么技术
  • 建设网站和推广网站建设中 倒计时
  • 哪里有做杂志的免费模板下载网站怎么做前端网站
  • 网站平台运营方案企业邮箱怎么注册的
  • 国际交流中心网站建设与管理制度做财经比较好的网站有哪些
  • 中文域名网站 被搜索源码之家关闭了
  • 济宁三合一网站建设商品网站开发
  • 网站开发中视屏怎样编辑到网页上昆明优化官网服务
  • .net网站开发项目成都网站建设潮州
  • 做外贸可以在哪些网站注册网站建设培训班多少钱
  • 别人做的网站怎么安全放在我的公司网店推广网站
  • 门户网站建设投资门诊部网站建设
  • 网站编辑器失效长沙网站设
  • 南通 网络 公司网站备案网站建设
  • 做淘客网站注意事项一个简单的网站怎么做的
  • 二级网站内容建设要求足球比赛直播比分直播
  • 中小型企业网站建设一条龙建站
  • 公司网站公司网站网站托管维护合同
  • 青岛城阳网站开发网站建设图书推荐
  • 重庆门户网站推广方案wordpress single.php制作
  • 网站建站的流程wordpress 登录 查看
  • 安微省建设厅田网站注释网站开发
  • 网站建设的竞争力用c 怎么做网站系统
  • 没注册可以做网站吗redis 缓存 wordpress
  • 网站美工效果图怎么做企业网站建设分为那几个阶段
  • 广西智能网站建设哪家好网站做竞价经常会被攻击吗
  • 做一手楼房的网站wordpress加音乐
  • 有哪些网站可以做代理做网站推广价格