Echarts 相关用例

• Echarts 自定义保存为图片按钮的样式及icon, 自定义一个按钮

toolbox: {
    feature: {
        saveAsImage: {
            pixelRatio: 2,
            title:'下载',
            icon:'image://https://cache.yisu.com/upload/information/20200311/54/208549.jpg'
        },
        myTool1: {
            show: true,
            title: '自定义扩展方法1',
            icon: 'image://https://cache.yisu.com/upload/information/20200311/54/208549.jpg',
            onclick: function (){
            alert('myToolHandler1')
        }
   }
},

• Echarts 自定义按钮实现保存图片

$("#button-download").click(function() {
    var i = myChart.getDataURL({
    type:'png',
    backgroundColor:'white'
    // 导出的图片分辨率比例，默认为 1。
    //pixelRatio: number,
    });
    
    console.log(i);
    $(this).attr("href",i);
    $(this).attr("download","test.png");
});

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>