echarts-convert.js使用

已于 2023-08-18 14:29:52 修改
阅读量1k 收藏 1
点赞数
文章标签： javascript echarts 前端 ecahts-convert java生成echarts图
于 2023-08-14 17:06:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27751965/article/details/132279244
版权

echarts-convert.js demo 点击下载

1、本地安装phantom.js插件

window版本下载

2、更改文件路径

（D:\phantomjs-2.1.1-windows\bin）改为本地项目文件路径
在这里插入图片描述

3、打开cmd命令行，并格式化语言

运行以下命令 将命令行语言改为中文简体

chcp 65001

在这里插入图片描述

4、使用

运行以下命令

phantomjs D:\phantomjs-2.1.1-windows\bin\echarts-convert.js -infile D:\phantomjs-2.1.1-windows\bin\option-zd.js -width 800 -height 300 -option eyJhbGFybSI6MC4wMDIsImVhcmx5QWxhcm0iOjAuMDAxLCJpbWFnZU5hbWUiOiJiNzBkNjQ4ZS1iMTkzLTQxMjctYjRlZC03M2Y0Njc4MWYwMDAtY2I2Mjg5ZDMtYmFiYi00MDU0LTk0YTctMjUyNjA5NzBjZDNkIiwiaW1hZ2VUeXBlIjoyLCJzZXJpZXMiOlt7ImRhdGEiOlswLjAxNTUsMC4wMTQ0LDAuMDE0NywwLjAxNjIsMC4wMTUyLDAuMDEzOCwwLjAxNDMsMC4wMTU2LDAuMDE0OCwwLjAxNjMsMC4wMTQ3LDAuMDE1NCwwLjAxNTQsMC4wMTQ4LDAuMDEyOSwwLjAxMzgsMC4wMTQyLDAuMDE0MiwwLjAxMiwwLjAxNDEsMC4wMTI5LDAuMDEzNiwwLjAxMzUsMC4wMTIzLDAuMDEyOSwwLjAxMjMsMC4wMTI3LDAuMDExOSwwLjAxMjcsMC4wMTMxLDAuMDE1NiwwLjAxNTUsMC4wMTMyLDAuMDEzMywwLjAxMjUsMC4wMTM4LDAuMDEyNSwwLjAxNDgsMC4wMTIzLDAuMDEyNiwwLjAxMzEsMC4wMTM5LDAuMDEzNCwwLjAxMjYsMC4wMTIsMC4wMTMyLDAuMDExOCwwLjAxNDYsMC4wMTQ1LDAuMDEzOCwwLjAxMzksMC4wMTc4LDAuMDE2LDAuMDEzOCwwLjAxMjksMC4wMTU0LDAuMDEzLDAuMDEyMywwLjAxMzksMC4wMTI0LDAuMDEyNywwLjAxNDgsMC4wMTg1LDAuMDEzNiwwLjAxMjEsMC4wMTI5LDAuMDEzNiwwLjAxMjcsMC4wMTEzLDAuMDExNiwwLjAxMjUsMC4wMTEyLDAuMDExNSwwLjAxMjQsMC4wMTQsMC4wMTEyLDAuMDEyLDAuMDEzMSwwLjAxMjksMC4wMTE4LDAuMDExNywwLjAxMzMsMC4wMTIsMC4wMTM0LDAuMDEzLDAuMDEyNiwwLjAxMjEsMC4wMTA5LDAuMDE3LDAuMDEyNSwwLjAxMzksMC4wMTIzLDAuMDE0MiwwLjAxMzEsMC4wMTE3LDAuMDE0LDAuMDEyNywwLjAxMywwLjAxMjEsMC4wMTE5LDAuMDEyMiwwLjAxMiwwLjAxMzksMC4wMTM1LDAuMDEzMiwwLjAxNDQsMC4wMTMxLDAuMDE0NywwLjAxMzUsMC4wMTQ3LDAuMDE1NywwLjAxNDMsMC4wMTQ2LDAuMDE0LDAuMDE1NCwwLjAxNDcsMC4wMTM1LDAuMDE0MiwwLjAxNCwwLjAxNDUsMC4wMTQsMC4wMTIxLDAuMDEyNCwwLjAxMjgsMC4wMTY2LDAuMDEzNiwwLjAxMzgsMC4wMTI4LDAuMDEyNywwLjAxMzEsMC4wMTI3LDAuMDEzNCwwLjAxMTgsMC4wMTMsMC4wMTE5LDAuMDExNiwwLjAxMDQsMC4wMTE3LDAuMDEwOSwwLjAxMDZdLCJuYW1lIjoi6YCf5bqm5oyv5Yqo5oC75YC8IiwidHlwZSI6ImxpbmUifV0sInVuaXQiOiJtbS9zIiwieEF4aXMiOnsiZGF0YSI6WyIyMDIzLTA3LTI2IDEzOjA2OjIxIiwiMjAyMy0wNy0yNiAxMzowNzo0OSIsIjIwMjMtMDctMjYgMTM6MDk6MTciLCIyMDIzLTA3LTI2IDEzOjEwOjQ0IiwiMjAyMy0wNy0yNiAxMzoxMjoxMiIsIjIwMjMtMDctMjYgMTM6MTM6MzkiLCIyMDIzLTA3LTI2IDEzOjE1OjA3IiwiMjAyMy0wNy0yNiAxMzoxNjozNiIsIjIwMjMtMDctMjYgMTM6MTg6MDMiLCIyMDIzLTA3LTI2IDEzOjE5OjMxIiwiMjAyMy0wNy0yNiAxMzoyMDo1OCIsIjIwMjMtMDctMjYgMTM6MjI6MjUiLCIyMDIzLTA3LTI2IDEzOjIzOjUzIiwiMjAyMy0wNy0yNiAxMzoyNToyMCIsIjIwMjMtMDctMjYgMTM6Mjg6MDkiLCIyMDIzLTA3LTI2IDEzOjMxOjAzIiwiMjAyMy0wNy0yNiAxMzozNToyNSIsIjIwMjMtMDctMjYgMTM6Mzg6MTkiLCIyMDIzLTA3LTI2IDEzOjM5OjQ3IiwiMjAyMy0wNy0yNiAxMzo0Mjo0MSIsIjIwMjMtMDctMjYgMTM6NDQ6MDkiLCIyMDIzLTA3LTI2IDEzOjQ1OjM3IiwiMjAyMy0wNy0yNiAxMzo0NzowNCIsIjIwMjMtMDctMjYgMTM6NDg6MzIiLCIyMDIzLTA3LTI2IDEzOjQ5OjU4IiwiMjAyMy0wNy0yNiAxMzo1MToyNiIsIjIwMjMtMDctMjYgMTM6NTI6NTMiLCIyMDIzLTA3LTI2IDEzOjU0OjIxIiwiMjAyMy0wNy0yNiAxMzo1NTo0OSIsIjIwMjMtMDctMjYgMTM6NTc6MTciLCIyMDIzLTA3LTI2IDEzOjU4OjQ0IiwiMjAyMy0wNy0yNiAxNDowMDoxMiIsIjIwMjMtMDctMjYgMTQ6MDE6MzkiLCIyMDIzLTA3LTI2IDE0OjAzOjA3IiwiMjAyMy0wNy0yNiAxNDowNDozNSIsIjIwMjMtMDctMjYgMTQ6MDY6MDIiLCIyMDIzLTA3LTI2IDE0OjA3OjMwIiwiMjAyMy0wNy0yNiAxNDowODo1OCIsIjIwMjMtMDctMjYgMTQ6MTA6MjUiLCIyMDIzLTA3LTI2IDE0OjExOjUyIiwiMjAyMy0wNy0yNiAxNDoxMzoxOSIsIjIwMjMtMDctMjYgMTQ6MTQ6NDciLCIyMDIzLTA3LTI2IDE0OjE2OjE0IiwiMjAyMy0wNy0yNiAxNDoxNzo0MiIsIjIwMjMtMDctMjYgMTQ6MTk6MTAiLCIyMDIzLTA3LTI2IDE0OjIyOjQ3IiwiMjAyMy0wNy0yNiAxNDoyNDoxNSIsIjIwMjMtMDctMjYgMTQ6MjU6NDIiLCIyMDIzLTA3LTI2IDE0OjI3OjA5IiwiMjAyMy0wNy0yNiAxNDozNDoyNiIsIjIwMjMtMDctMjYgMTQ6MzU6NTMiLCIyMDIzLTA3LTI2IDE0OjM3OjIxIiwiMjAyMy0wNy0yNiAxNDozODo0NyIsIjIwMjMtMDctMjYgMTQ6NDA6MTUiLCIyMDIzLTA3LTI2IDE0OjQxOjQyIiwiMjAyMy0wNy0yNiAxNDo0NDozNiIsIjIwMjMtMDctMjYgMTQ6NDY6MDMiLCIyMDIzLTA3LTI2IDE0OjQ3OjMwIiwiMjAyMy0wNy0yNiAxNDo0ODo1NyIsIjIwMjMtMDctMjYgMTQ6NTA6MjQiLCIyMDIzLTA3LTI2IDE0OjUxOjUyIiwiMjAyMy0wNy0yNiAxNDo1MzoxOCIsIjIwMjMtMDctMjYgMTQ6NTQ6NDUiLCIyMDIzLTA3LTI2IDE0OjU3OjQwIiwiMjAyMy0wNy0yNiAxNDo1OTowNiIsIjIwMjMtMDctMjYgMTU6MDc6NDkiLCIyMDIzLTA3LTI2IDE1OjIwOjUyIiwiMjAyMy0wNy0yNiAxNToyMjoxOSIsIjIwMjMtMDctMjYgMTU6MjM6NDYiLCIyMDIzLTA3LTI2IDE1OjI1OjEzIiwiMjAyMy0wNy0yNiAxNToyNjo0MCIsIjIwMjMtMDctMjYgMTU6Mjg6MDciLCIyMDIzLTA3LTI2IDE1OjI5OjM0IiwiMjAyMy0wNy0yNiAxNTozMTowMSIsIjIwMjMtMDctMjYgMTU6MzI6MjgiLCIyMDIzLTA3LTI2IDE1OjMzOjU1IiwiMjAyMy0wNy0yNiAxNTozNToyMiIsIjIwMjMtMDctMjYgMTU6MzY6NDkiLCIyMDIzLTA3LTI2IDE1OjM4OjE2IiwiMjAyMy0wNy0yNiAxNTozOTo0NCIsIjIwMjMtMDctMjYgMTU6NDE6MTEiLCIyMDIzLTA3LTI2IDE1OjQyOjM4IiwiMjAyMy0wNy0yNiAxNTo0NDowNSIsIjIwMjMtMDctMjYgMTU6NDU6MzIiLCIyMDIzLTA3LTI2IDE1OjQ2OjU5IiwiMjAyMy0wNy0yNiAxNTo0ODoyNiIsIjIwMjMtMDctMjYgMTU6NDk6NTMiLCIyMDIzLTA3LTI2IDE1OjUxOjIxIiwiMjAyMy0wNy0yNiAxNTo1Mjo0OCIsIjIwMjMtMDctMjYgMTU6NTQ6MTQiLCIyMDIzLTA3LTI2IDE1OjU1OjQyIiwiMjAyMy0wNy0yNiAxNTo1NzowOSIsIjIwMjMtMDctMjYgMTU6NTg6MzYiLCIyMDIzLTA3LTI2IDE2OjAwOjA0IiwiMjAyMy0wNy0yNiAxNjowMTozMSIsIjIwMjMtMDctMjYgMTY6MDI6NTgiLCIyMDIzLTA3LTI2IDE2OjA0OjI1IiwiMjAyMy0wNy0yNiAxNjowNTo1MiIsIjIwMjMtMDctMjYgMTY6MDc6MTkiLCIyMDIzLTA3LTI2IDE2OjA4OjQ2IiwiMjAyMy0wNy0yNiAxNjoxMDoxMyIsIjIwMjMtMDctMjYgMTY6MTE6NDAiLCIyMDIzLTA3LTI2IDE2OjEzOjA3IiwiMjAyMy0wNy0yNiAxNjoxNDozNSIsIjIwMjMtMDctMjYgMTY6MjA6MjQiLCIyMDIzLTA3LTI2IDE2OjIxOjUxIiwiMjAyMy0wNy0yNiAxNjoyMzoxOCIsIjIwMjMtMDctMjYgMTY6MjQ6NDUiLCIyMDIzLTA3LTI2IDE2OjI2OjExIiwiMjAyMy0wNy0yNiAxNjoyNzozOCIsIjIwMjMtMDctMjYgMTY6Mjk6MDYiLCIyMDIzLTA3LTI2IDE2OjMwOjMzIiwiMjAyMy0wNy0yNiAxNjozMjowMCIsIjIwMjMtMDctMjYgMTY6MzM6MjciLCIyMDIzLTA3LTI2IDE2OjM0OjU0IiwiMjAyMy0wNy0yNiAxNjozNjoyMSIsIjIwMjMtMDctMjYgMTY6Mzc6NDgiLCIyMDIzLTA3LTI2IDE2OjM5OjE1IiwiMjAyMy0wNy0yNiAxNjo0MDo0MyIsIjIwMjMtMDctMjYgMTY6NDI6MTAiLCIyMDIzLTA3LTI2IDE2OjQzOjM3IiwiMjAyMy0wNy0yNiAxNjo0NTowNCIsIjIwMjMtMDctMjYgMTY6NDY6MzEiLCIyMDIzLTA3LTI2IDE2OjQ3OjU4IiwiMjAyMy0wNy0yNiAxNjo0OToyNSIsIjIwMjMtMDctMjYgMTY6NTA6NTMiLCIyMDIzLTA3LTI2IDE2OjUyOjE5IiwiMjAyMy0wNy0yNiAxNjo1Mzo0NiIsIjIwMjMtMDctMjYgMTY6NTU6MTMiLCIyMDIzLTA3LTI2IDE2OjU2OjQwIiwiMjAyMy0wNy0yNiAxNjo1ODowNyIsIjIwMjMtMDctMjYgMTY6NTk6MzQiLCIyMDIzLTA3LTI2IDE3OjAxOjAxIiwiMjAyMy0wNy0yNiAxNzowMjoyOCIsIjIwMjMtMDctMjYgMTc6MDM6NTUiLCIyMDIzLTA3LTI2IDE3OjA1OjIyIiwiMjAyMy0wNy0yNiAxNzowNjo0OSIsIjIwMjMtMDctMjYgMTc6MDg6MTYiLCIyMDIzLTA3LTI2IDE3OjA5OjQ0IiwiMjAyMy0wNy0yNiAxNzoxMToxMSJdfX0=

直接命令行容量有限，不能直接粘贴运行，需要新建一个文本文件把后缀改成bat然后把上面的代码粘进去，文件如下
在这里插入图片描述
拖拽入cmd命令行直接回车运行
在这里插入图片描述
。。。
在这里插入图片描述
最终有打印compele 表示完成啦！这里只能做测试
具体使用需要后端接收base64数据接收方式就是下面代码啦：

console.log(base64);

这里正式使用的时候不能删除或者注释哦！

五、效果展示

由于接下来需要后端代码介入才能正式生成本地文件 所以这里就先不做介绍，只看最终使用生成的效果图

在这里插入图片描述

说明：

  • 本次使用base64加密，js解密，为了避免命令不支持某些符号导致执行失败
  • 命令文件放置bat运行文件中，否则命令行一次粘贴不全
  • 以下是本次使用的配置，仅供参考

配置文件

echarts-convert.js


(function () {
    var system = require('system');
    var fs = require('fs');
    var config = {
        // define the location of js files
        JQUERY: 'jquery-3.6.0.min.js',
        ECHARTS: 'echarts.min.js',
        // default container width and height
        DEFAULT_WIDTH: '600',
        DEFAULT_HEIGHT: '700',
        DEFAULT_OPTION: {}
    }, parseParams, render, pick, usage;

    // 提示：命令格式
    usage = function () {
        console.log("\n" + "Usage: phantomjs echarts-convert.js -infile URL -width width -height height" + "\n");
    };

    // 选择是否存在设置长宽，否使用默认长宽
    pick = function () {
        var args = arguments, i, arg, length = args.length;
        //console.log("length : "+length);
        for (i = 0; i < length; i += 1) {
            arg = args[i];
            if (arg !== undefined && arg !== null && arg !== 'null' && arg != '0') {
                return arg;
            }
        }
    };

    // 处理参数
    parseParams = function () {
        var map = {}, i, key;
        if (system.args.length < 2) {
            usage();
            phantom.exit();
        }
        for (i = 0; i < system.args.length; i += 1) {
            if (system.args[i].charAt(0) === '-') {
                key = system.args[i].substr(1, i.length);
                if (key === 'infile') {
                    // get string from file
                    // force translate the key from infile to options.
                    key = 'options';
                    try {
                        map[key] = fs.read(system.args[i + 1]).replace(/^\s+/, '');
                    } catch (e) {
                        console.log('Error: cannot find file, ' + system.args[i + 1]);
                        phantom.exit();
                    }
                } else {
                    map[key] = system.args[i + 1].replace(/^\s+/, '');
                }
            }
        }
        return map;
    };

    render = function (params) {
        var page = require('webpage').create(), createChart;

        page.onConsoleMessage = function (msg) {
            console.log(msg);
        };

        page.onAlert = function (msg) {
            console.log(msg);
        };
        createChart = function (inputOption, width, height, option) {
            var counter = 0;
            function decrementImgCounter() {
                counter -= 1;
                if (counter < 1) {
                    console.log("The images load error");
                }
            }
            function loadScript(varStr, codeStr) {
                var script = $('<script>').attr('type', 'text/javascript');
                script.html('var ' + varStr + ' = ' + codeStr);
                document.getElementsByTagName("head")[0].appendChild(script[0]);
                if (window[varStr] !== undefined) {
                    console.log('Echarts.' + varStr + ' has been parsed');
                }
            }
            function loadImages() {
                var images = $('image'), i, img;
                if (images.length > 0) {
                    counter = images.length;
                    for (i = 0; i < images.length; i += 1) {
                        img = new Image();
                        img.onload = img.onerror = decrementImgCounter;
                        img.src = images[i].getAttribute('href');
                    }
                } else {
                    console.log('The images have been loaded');
                }
            }
            // load opitons
            if (inputOption != 'undefined') {
                // parse the options
                loadScript('options', inputOption);
                // disable the animation
                options.animation = false;
            }

            // we render the image, so we need set background to white.
            $(document.body).css('backgroundColor', 'white');
            var container = $("<div>").appendTo(document.body);
            container.attr('id', 'container');
            container.css({
                width: width,
                height: height
            });
            // render the chart
            var myChart = echarts.init(container[0]);
            // 假设这是解密后的字符串数组  decodeURI
            const initArr = JSON.parse(decodeURIComponent(escape(atob(option))));
            // 图例
            if(initArr.imageType ===1 && initArr.legend){
                options.legend.data =initArr.legend.data;
            }
            // 单位
            if(initArr.unit){
                options.yAxis.name =initArr.unit;
            }
            // x轴
            if(initArr.xAxis){
                options.xAxis = initArr.xAxis;
            }
            const markLine =
                {
                    symbol:"none",
                    type: 'line',
                    markLine:{
                        precision:5,
                        label:{
                            position:'end',
                            show: false,
                        },
                        data:[
                            {
                                yAxis: 0,
                                lineStyle :{
                                    type:"dotted",
                                    color:'#f56c6c'
                                },
                            },
                            {
                                yAxis: 0,
                                lineStyle :{
                                    type:"dotted",
                                    color:'#e6a23c'
                                },
                            }
                        ]
                    }
                };
            // 报警线 预警线
            if( initArr.imageType === 2){
                markLine.markLine.data[0].yAxis = initArr.alarm;
                markLine.markLine.data[1].yAxis = initArr.earlyAlarm;
                initArr.series.push(markLine)
            }
            // 数据
            options.series = initArr.series

            myChart.setOption(options);
            // load images
            loadImages();
            return myChart.getDataURL();
        };

        // parse the params
        page.open("about:blank", function (status) {
            // inject the dependency js
            page.injectJs(config.JQUERY);
            page.injectJs(config.ECHARTS);


            var width = pick(params.width, config.DEFAULT_WIDTH);
            var height = pick(params.height, config.DEFAULT_HEIGHT);
            var option = pick(params.option, config.DEFAULT_OPTION);

            // create the chart
            var base64 = page.evaluate(createChart, params.options, width, height,option);
            console.log(base64);
            // define the clip-rectangle
            console.log('\nbase64 complete');
            // exit
            phantom.exit();
        });
    };

// get the args
    var params = parseParams();

// validate the params
    if (params.options === undefined || params.options.length === 0) {
        console.log("ERROR: No options or infile found.");
        usage();
        phantom.exit();
    }

// render the image
    render(params);
}());

option.js

option = {
    color: ['#18CD71', '#A2FFD0', '#FFFE95', '#FF9000', '#EE7CFF', '#0FD5F9', '#0487ED', '#0666E8'],
    legend: {
        data: [],
        orient: 'horizontal',
        align: 'right',
        icon: 'rect',
        itemWidth: 10,
        itemHeight: 2, 
        show: true,
        // right: '2%',
        top: 2,
        tooltip: {
            show: true
        }
    },
    grid: {
        left: '2%',
        right: '2%',
        bottom: '10%',
        top: '15%',
        containLabel: true
    },
    splitLine: {
        show: false
    },
    axisLine: {
        show: true,
    },
    xAxis: {
        type: 'time',
        nameTextStyle: {
            padding: [0, 0, 0, -2],
            color: '#c1cadf',
            align: 'left',
            fontSize: 12,
            fontWeight: 400,
            lineHeight: 10
        },
        axisLabel: {
            show: true,
            margin: 10,
            interval: 0,
            rotate: 38,
            textStyle: {
                fontSize: 10
            }, 
        }
    },
    yAxis: {
        type: 'value',
        name: '℃',
        nameTextStyle: {
            padding: [0, -10, 0, 0],
            color: '#c1cadf',
            align: 'right',
            fontSize: 12,
            lineHeight: 12
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#CBCCCE'
            }
        },
        axisLine: {
            show: true,
        },
        axisLabel: {
            show: true,
            margin: 10,
            interval: 0,
            textStyle: {
                fontSize: 10
            },
        }
    },
    series: [],
    tooltip: {
        trigger: 'axis'
    },
};
Mr.T's Blog
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Java - PhantomJS + EChartsConvert实现ECharts图片保存到服务端
weixin_30516243的博客
09-07 1681
1、所需工具 1》phantomjs：官网下载http://phantomjs.org/download.html国内镜像http://npm.taobao.org/dist/phantomjs/ 2》EChartConvert：https://gitee.com/saintlee/echartsconvert 2、Maven依赖 <depende...
phantomjs 需要的 js 插件 echarts-convert.js
04-28
PhantomJS在服务端生成ECharts图片 主要功能：给定ECharts的option参数，生成ECharts图片，并以Base64字符串返回。
SptingBoot基于Echarts生成折线图，柱状图，超详细~~
qq1328585964的博客
10-14 3101
近期产品团伙给了一个生成PDF数据报的需求，PDF中需要生成折线图，梯状折现图，柱状图等需求以及一些表格信息的东西，我这边就去找到前端开发工程师，但是前端工程师并没有好的方案给出，于是乎就由后台开发来生成图片，并写入PDF中。下面我把我生成统计图的方法（大部分参考+整合）写成文章，需要的兄弟姐妹们可以参考和纠正我。
phantomjs+echarts-convert.js 生成图表 不返回阻塞原因
最新发布
weixin_45942583的博客
05-29 150
在option里如果出现 %，则执行会挂掉。需要将%替换为%25。
phantomjs-2.1.1-windows和echarts-convert
12-04
echarts-convert.js和PhantomJS工具 PhantomJs （1）一个基于webkit内核的无头浏览器，即没有UI界面，即它就是一个浏览器，只是其内的点击、翻页等人为相关操作需要程序设计实现。 （2）提供javascript API接口，即通过编写js程序可以直接与webkit内核交互，在此之上可以结合java语言等，通过java调用js等相关操作，从而解决了以前c/c++才能比较好的基于webkit开发优质采集器的限制。 （3）提供windows、linux、mac等不同os的安装使用包，也就是说可以在不同平台上二次开发采集项目或是自动项目测试等工作。
echarts-convert脚本
05-26
echarts-convert脚本
echarts-convert.js
03-19
java后台生成echarts图表并保存图片，与phantomjs结合，需要用到的JS
echarts-convert.zip
07-13
echarts-convert
EchartsConvert（在word中把echarts生成为图片放在word里）操作攻略（前端向）
Shi_haoliu的博客
06-28 510
EchartsConert操作攻略（修改版前端向），处理复杂echarts的
convert.js
03-23
简繁体转换 js脚本
convertjs一个简单的JavaScript转换库
08-12
convert.js一个简单的JavaScript转换库
java+phantomjs+echarts导出图片到服务器.zip
06-05
java+phantomjs+echarts导出图片到服务器，包含JAVA测试类，phantomjs 文件，echarts-convert.js
PhantomJS+EChartsConvert在Java后端生成echarts图片
qq_33334411的博客
12-25 1383
PhantomJS+EChartsConvert在Java后端生成echarts图片原创链接PhantomJS和EChartsConvert在Linux下安装部署的细节 原创链接 原创链接 https://www.jianshu.com/p/dfc28fd7d786.支持原创 PhantomJS和EChartsConvert在Linux下安装部署的细节 工具上传 将PhantomJS和EChartsConvert都上传到Linux服务器，放到一个目录，比如我放到/usr/echarts/文件夹下， 授权
java使用phantomjs将echarts转图片
daroubaozi123的博客
02-22 1751
java使用phantomjs将echarts转图片
使用phantomJs服务器端导出Echarts图片
古树清风的博客
06-29 1662
使用phantomJs服务器端导出Echarts图片转载自：http://blog.csdn.net/zor_chen/article/details/31371501目录使用phantomJs服务器端导出Echarts图片目录 背景 思路 代码 使用方法 例子 导出图片背景 在使用Echarts过程中，有需求在页面上图表显示和服务器端导出报表。在Echarts中，原生态提供了getImage(
记录学习phantomjs+echarts-convert.js 生成图表图片过程
ls2008
04-21 1247
示例：{title:{text:'ECharts示例'},tooltip:{},legend:{data:['销量']},xAxis:{data:['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']},yAxis:{},series:[{name:'销量',type:'bar',data:[5,20,36,10,10,20]}]}①、用命令授权：ln -s /usr/echarts/phantomjs/bin/phantomjs /usr/bin/
java后台生成word格式的pdf文档思路,包echarts图片,及 EChartsConvert使用注意问题
shadow
10-14 766
将word模板保存为xml格式。 将模板中的关键词与图片使用占位符替换，保存为freemarker 模板。 后端将图表数据传送PhantomJS中，使用 EChartsConvert生成echarts图片。注意问题 bug1：饼图绘制不了，request时就卡住的问题 solution1：此处并不是饼图绘制不了，而是只要opt中含有’%‘都会挂，原因是作者在代码里执行了两次decodeURIComponent（详情参考echarts-convert.js源码259行），所以’%‘传递时也必需encod.
Windows server中java使用phantomjs+echarts-convert生成图表，图片中的中文乱码 解决办法
魑魅魍魉
01-27 3051
Windows server中java使用phantomjs+echarts-convert生成图表，图片中的中文乱码 解决办法
rm: kubectl-convert.sha256: No such file or directory
05-26
这个错误通常意味着找不到名为“kubectl-convert.sha256”的文件。请确保你在正确的目录中运行命令，并且该文件实际上存在于该目录中。你可以通过运行以下命令来检查文件是否存在： ``` ls -l kubectl-convert.sha256 ``` 如果文件确实不存在，那么你需要重新下载该文件或从其他地方获取该文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr.T's Blog

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值