echarts的几个设置问题

发布于 2022-09-12 23:47:53 字数 203 浏览 19 评论 0

  1. echarts的导出图片能否设置icon的文字的展示形式,比如我想设置成tooltip的下载图片文本。
  2. 导出图片的名称设置时能否获取当前图标的名称,我看文档是修改toolbox.feature.saveAsImage.name,默认使用 title.text 作为名称,那么我能否设置成title.text+年月日的形式,如何获取title.text的值

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

渔村楼浪 2022-09-19 23:47:53

1.你的意思是将原本是下载icon改成文字吗,我试了下,默认应该只支持图片形式,甚至只能是一个正方形的图片,你可以把文字做成图片然后插入进去。
2.这个title.text是你自己在options里设置的啊,自己设置的变量应该不需要想办法获取才对,如果不设置他默认文件名是echarts.png,你说的"能否获取当前图标的名称"没有完全理解。要做成title.text+年月日你就直接自己拼一下就行。

例子:

import * as echarts from 'echarts';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

const titlename = "需要保存的图片名称"
var now = new Date();
var year = now.getFullYear().toString();
var month = now.getMonth().toString();
var date = now.getDate();
const time = year+"-"+month+"_"+date;
option = {
    title:{
        name:titlename,
    },
    toolbox:{
        itemSize:70,
        feature:{
            saveAsImage:{
                name:titlename+"_"+time,
                icon:"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAFMUlEQVR4nO3Z0ZHaSBAG4L9H924uApPBkoFxBMYRWC52Wo/GEZiNwPgRyZRxBOYiOJwBjsA4AxwA0/ewoy2OBTHC7K2v6v+qqF1Lo2Hk0fS0egEiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiKidJLa0Hv/TERGZtZJ6lhkA2AFYFKW5c+2A/PevwGAqqo+tL32+vr6hXOu1/Y6ADCzTdN3eu8/AViljEtV36Hl/f+R0sh7/0lEcjNbAdikXGNmXREZmFkfwPP988Ph8CkAzGazH0e6GMSfB2+8KIorM1vv36yqvgcwShnjISICVe2WZfn2SJNu/DROiPf+GYCxmS0BfE39/qQJEZEcwKSqqmODPEhVX4nIvCiKq+l0+m33XJZlk/jryzZ91uLDMQZwUx+LkzzC7VP5dvd4w8Tvj/k9gNFwOJykXnNJrkXbpJWxy8zWABBCuBfmzKyTGv5SOee6se9FfUxVv+xM/kn1tXVf/7WkFfJ/FcPaAABU1Y61M7ONmeUfP378K7HrTgxJTeo9rOe9vztYVVVj+GozIbn3vt+iPUSka2arU4N4YOOmk2Y2EpGO2dH5ukdEegCWiW3/tTpVddKwPz3sCjGztXPu7A32QnIAi+12e29PiMlKB0Cb1VHvX2fdVwhh3XS+zYTMq6q6Od0s2VpEclV90jYtVtUnKe3MbB2znDzLspH3fu6cm8TjCwC9EMKgzWREm4da9W0m5NIb8CSEMBCRjaoebXcs9pvZJoQwb/qOONGvVXVkZnl8j8rj6Y1zrr+f/T221AlZABip6rnhZw2gt7sSptPpt+Fw2MuyLD9yTX18fuhkCGGekpbG1TSIn66ZbXC7OnshhKWqzg+Fs8eSNCFlWb703r+J8fZi4n/CwTBYJxDnhsnhcPg0prsDABCRddzA52VZ/hwOh0+dc2MzuwtnIYTxeXdyOckhq20JQ1W/hBDmZ8Tni8iyrC7drLbb7b3VFP99F84ADGL2dPJ9S0T6TWn0PjNbhhDylFXYOCHe+79FpJ/6xfucc4N6fzCzZVVVdyWUX52wU7WuGB5vVPV7lmVj7/1SRJYhhJVzblmHz/jzQ/zg1PuFiPTNbCkiy9SxikjunFvFkkxjAnNqhSyQmG8fMN4b+P6TN3DOrQCcu4Iaa1217Xbbz7KsD6BvZiPnXAcAvPcrACsRWW6322WbPURElmVZJofSoigWuF2tAwCfm9o2Tsju01fHXBEZpaSpqjpuO/BLK4riarvddgEsqqr6DOB1URRXIYR+XPk5gNw5twHw56n+rq+vXwBACGHVZhzT6fRbjBTdU23b1LKA2xleFUVx1fK6R2FmA+fcAsBGVb977z+ZWS+EsCjL8mVZlmJm/RBCUqneOdc3s81D7ovJEzKbzX6EEHox/1+q6quHGtSllGV5E8v/YzNbx6r1PMuytap+V9UvAHqp6XPc/Ben2v6KVitkNpv9iEt9YWbJFdRD4vvARdPoQ6qq+lqW5U1VVc/rFWFmIwArM+uLyKT+28wJYxHpPHRq3LqWVb/9xs+d+AT1AEBEBsBtZtXQVf2yeSzN7MZ+3x0410HcpHcPisgq/hztVlgPWMV61MTM4Jzreu+79bW7fQF3VeMRgPFDv0BerLgYQ8LuEz9pqvfEG+/gRDW24fxiP+Uty/KnquYA5vVDcab8QOIyBnCJqNAo+W/qp8TspQPcVjQfsxSxu1rbcs5tfrf6FhERERERERERERERERERERERERERERERERERERER0W/kH1W7tLuEVPKmAAAAAElFTkSuQmCC",
                pixelRatio:5
            }
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文