随笔分类 -  Echarts

echarts中的tooltip属性
摘要：echarts 鼠标放上去显示提示框属性详解tooltip tooltip ={ //提示悬浮框框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 t 阅读全文
posted @ 2023-03-29 11:23 芬-mi 阅读(319) 评论(0) 推荐(0)
echarts点击事件，点击的是节点还是文字？
摘要：通过params.event.target.culling的true和false判断，true：点击了节点，false:点击了文字 myChart.on(‘click’, function (params) { if(params.event.target.culling true){ alert( 阅读全文
posted @ 2023-03-28 13:19 芬-mi 阅读(168) 评论(0) 推荐(1)
echarts数据共享图实现点击一个图，另一个图跟着变化
摘要：setTimeout函数是JavaScript中的一个内置函数，它允许您在指定的时间后执行一段代码。在这种情况下，setTimeout函数用于在用户悬停在折线图上的某个点上时显示饼图之前等待一段时间。这是为了避免在用户快速移动鼠标时显示饼图。具体来说，setTimeout函数将在500毫秒后执行传递 阅读全文
posted @ 2023-03-20 17:43 芬-mi 阅读(550) 评论(0) 推荐(0)
填充折线图的内容区域为渐变色
摘要：option = { xAxis: { type: 'category', show:false,//设置show为false时，x轴不展示，默认为true data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], }, yAxis: { sh 阅读全文
posted @ 2023-02-28 11:52 芬-mi 阅读(150) 评论(0) 推荐(0)
bar图柱子横着排列及显示数字
摘要：option = { xAxis: {//设置x轴 type: 'value',//设置x轴数值连续 min:10,//设置x轴上数值的最小值 max:100//设置x轴上数值的最大值 }, yAxis: {//设置y轴 data: ['Sun','Mon'],//y走上的数值 type: 'cat 阅读全文
posted @ 2023-02-28 11:40 芬-mi 阅读(128) 评论(0) 推荐(0)
echarts 堆叠柱状图顶部显示总和
摘要：方法一： series: [{ name: "one", //完成, type: 'bar', barMaxWidth: 50, //最大宽度 stack: 'sum', itemStyle: { normal: { color: '#15c7bd' } }, data: data1 }, { na 阅读全文
posted @ 2023-02-09 15:04 芬-mi 阅读(8614) 评论(1) 推荐(0)