echart
关注
分享
扫一扫
文章平均质量分 74
hst❀
前端踩坑记录/速查本/不定期更新
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
echarts 字体自适应的方法(使用rem)
采用rem为单位，根据屏幕的宽度调整html的font-size。 获取屏幕宽度并计算比例： function fontSize(res){ let docEl = document.documentElement, clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.cli...原创 2019-12-10 09:24:04 · 20185 阅读 · 18 评论 -
echart 环形图 ---- 配置 legend，label，颜色，间距
function loadPersonTypeChart() { $.ajax({ url: API.AREAOVERVIEW.AREAPERSONTYPE.url(), success: function (res) { var data = res.data, legendData = []; ...原创 2019-12-05 10:50:29 · 4752 阅读 · 0 评论 -
echart 玫瑰图 ---- 配置 legend图例
var alarmChart; function loadAlarmChart(params) { entAjax(apiAlarmStatistic, params, "post").then(function (res) { var mLegendData = []; var mData = []; $.each(DICT.ALARM.T...原创 2019-10-14 09:44:19 · 1332 阅读 · 0 评论 -
echart 关系图 ---- 配置 可自定义图片
代码如下： var myChart = echarts.init(document.getElementById("relation-chart")); var echartJson ={ "series":[ { "edgeLabel":{ "normal":{ "format...原创 2019-10-12 15:49:38 · 2390 阅读 · 1 评论 -
echart 柱状图 ---- 坐标轴、网格、柱体配置
var maintainTypeChart; function loadMaintainTypeChart() { var option = { grid: { left: '3%', right: '3%', bottom: '15%', top: '5%', ...原创 2019-10-12 15:39:35 · 5638 阅读 · 0 评论 -
echart 折线图 ---- 坐标轴、网格、折线配置
var orderNumChart; function loaOrderNumChart() { var option = { grid: { left: '3%', right: '3%', bottom: '15%', top: '5%', conta...原创 2019-10-12 15:36:18 · 2579 阅读 · 0 评论