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 · 20002 阅读 · 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 · 4721 阅读 · 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 · 1318 阅读 · 0 评论 -
echart 关系图 ---- 配置 可自定义图片
代码如下：var myChart = echarts.init(document.getElementById("relation-chart"));var echartJson ={ "series":[ { "edgeLabel":{ "normal":{ "format...原创 2019-10-12 15:49:38 · 2345 阅读 · 1 评论 -
echart 柱状图 ---- 坐标轴、网格、柱体配置
var maintainTypeChart;function loadMaintainTypeChart() { var option = { grid: { left: '3%', right: '3%', bottom: '15%', top: '5%', ...原创 2019-10-12 15:39:35 · 5614 阅读 · 0 评论 -
echart 折线图 ---- 坐标轴、网格、折线配置
var orderNumChart;function loaOrderNumChart() { var option = { grid: { left: '3%', right: '3%', bottom: '15%', top: '5%', conta...原创 2019-10-12 15:36:18 · 2544 阅读 · 0 评论