ECharts 地图上显示折线图
相关推荐
2021-08-30
ECharts 同X轴多Y轴图表
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '日期', 'data': [ '2021-01-01', '2021-01-02', '2021-01-03', '2021-01-04', '2021-01-05', '2021-01-06', '2021-01-07', '2021-01-08', '2021-01-09', '2021-01-10', '2021-01-11', '2021-01-12', '2021-01-13', '2021-01-14', '2021-02-01', '2021-02-02', '2021-02...
2022-05-10
ECharts 流域图
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': 'category', 'data': [ '洁面', '面部精华', '卸妆', '防晒', '身体护理', '面膜', '眼霜', '化妆水爽肤水', '眼部精华', '身体护理', '化妆水爽肤水', '防晒', '洁面', '眼部精华', '面膜', '面部精华', '眼霜', '卸妆', '身体护理', '面膜', '面部精华', '卸妆', '洁面', '化妆水爽肤水', '眼霜', ...
2022-05-16
ECharts 水球图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { name: '', data: [] } ] var config = { theme: 'LIGHT', // LIGHT | DARK colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'] } var container = document.getElementById('container') var chart = echarts.getInstanceByDom(container) || echarts.init(container, null, { renderer: 'svg' }) var rowNum = d...
2022-11-06
ECharts 生涯彩虹图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data1 = [ { value: 7, name: '0' }, { value: 7, name: '1' }, { value: 7, name: '2' }, { value: 6, name: '3' }, { value: 6, name: '4' }, { value: 6, name: '5' }, { value: 6, name: '6' }, { value: 6, name: '7' }, { value: 6, name: '8' }, { value: 6, name: '9' }, { value: 5, name: '10' }, { value: 5, name: '11' }, { value: 5, name: '12' }, { value: 4, n...
2023-04-26
ECharts 径向条形图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '平台', 'data': [ '淘宝', '天猫', '京东', '拼多多', '小红书', '微博' ] }, { 'name': '数值', 'data': [ 7732, 6193, 6160, 4916, 3811, 2286 ] } ] var config = { theme: 'LIGHT', // LIGHT | DARK colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc...
2021-01-05
在 Hexo 中插入 ECharts 动态图表
ECharts 简介ECharts 是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（Chrome，Firefox，Safari，IE8/9/10/11 等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。它提供了常规的折线图、柱状图、散点图、饼图、K 线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 Hexo 中的 EChartsECharts 的 Hexo 插件目前有三个版本，分别为： hexo-tag-echarts 需要手动引入 ECharts.js hexo-tag-echarts3 自动引入 https://cdn.bootcss.com/echarts/3.8.0/echarts.min.js hexo-tag-echarts4 自动引入 https://cdn.bootcss.com/echar...
评论
