请选择 进入手机版 | 继续访问电脑版

绘图杂记【9】echarts 热力矩阵(列联表)图

[复制链接]
甜蜜的负担 发表于 2020-12-31 20:24:03 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

  1. var hours = [       '数据通报', '疫情现状', '防控步伐', '科研希望', '科普知识', '疫响对\n日常生活\n的影响', '疫情对\n经济和\n社会发展\n格局的影响', '追忆纪念', '其他'        ];var days = ['个人', '数据服务\n提供商','高校', '新媒体机构', '流派网站', '机构媒体'];var data = [[0,0,2],[0,1,6],[0,2,10],[0,3,10],[0,4,10],[0,5,10],[0,6,0],[0,7,0],[0,8,10],[1,0,7],[1,1,2],[1,2,7],[1,3,6],[1,4,3],[1,5,2],[1,6,10],[1,7,5],[1,8,1],[2,0,1],[2,1,1],[2,2,3],[2,3,2],[2,4,5],[2,5,0],[2,6,2],[2,7,0],[2,8,6],[3,0,7],[3,1,3],[3,2,1],[3,3,0],[3,4,1],[3,5,0],[3,6,3],[3,7,3],[3,8,1],[4,0,1],[4,1,3],[4,2,0],[4,3,0],[4,4,9],[4,5,1],[4,6,0],[4,7,4],[4,8,9],[5,0,2],[5,1,1],[5,2,0],[5,3,3],[5,4,8],[5,5,0],[5,6,2],[5,7,7],[5,8,2],];data = data.map(function (item) {    return [item[1], item[0], item[2] || '-'];});option = {    toolbox: {            show: true,            feature: {                dataView: {show:true},                saveAsImage: {                    //excludeComponents :['toolbox'],                    pixelRatio: 5                }            }        },    tooltip: {        position: 'top'    },    animation: false,    grid: {        height: '50%',        top: '25%'        ,left:'10%'        ,right:'12%'    },    xAxis: {                name:'议题',        nameTextStyle: {            padding: [0, 0,190, -615]    // 四个数字分别为上右下左与原位置距离        },                 position: 'top',        type: 'category',        data: hours,        splitArea: {            show: true        },        axisLine: {                show: false,            },axisLabel: {                                       interval: 0,        fontSize:12,                                 }  ,        axisTick: {            show: false        }    },    yAxis: {        name:'媒\n体\n类\n型',        nameTextStyle: {            padding: [0, 0, 18, -90]    // 四个数字分别为上右下左与原位置距离        },                axisLine: {                show: false,            },        type: 'category',        data: days,        splitArea: {            show: true        },                axisTick: {            show: false        }    },    visualMap: {        min: 0,        max: 10,        calculable: false,       // orient: 'horizontal',        orient: 'vertical',          left: '90%',        bottom: '120%',        itemWidth:20,          itemHeight:140,           textGap:10,             padding:5,                        top:'30%',        right:'20%',        text: ['报道篇数多','少'],           // 文本,默认为数值文本                inRange: {              color: ['#d1d4da', '#bacae8', '#93b6dc', '#5894cb'],               symbolSize: [100, 100]            }    },    series: [{        name: 'Punch Card',        type: 'heatmap',        markLine: {                symbol: ['none', 'none'],//去掉箭头                itemStyle: {                    normal: { lineStyle: { type: 'solid', color:'#969696'}                    ,label: { show: false, position:'left' } }                },                data: [                [                    {name: '标线1起点', value: 10, x: 40, y: 20},                    {name: '标线1终点', x: 40, y: 90}                ],                 [                    {name: '标线1起点', value: 10, x:10, y: 40},                    {name: '标线1终点', x: 70, y:40}                ]                ]        },                data: data,        label: {            show: true        },        emphasis: {            itemStyle: {                shadowBlur: 10,                shadowColor: 'rgba(0, 0, 0, 0.5)'            }        }    }]};
复制代码
来源:https://blog.csdn.net/qq_42374697/article/details/111975986
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )