仿Echarts图表网页

[{"insert":"该demo主要功能包括图表的实现，下载当前图表展示的图片，下载当前图表的源代码。\n1.图表实现：\n在 Echarts官网示例中，下载任意示例源代码后，使用记事本打开，例如：\n"},{"attributes":{"width":"551"},"insert":{"image":"//file3.ih5.cn/v35/files/9f45f4e99f140299e779ef9aad35a671_80863_1171_526.png"}},{"insert":"\n\n此处是 js引用，echarts.min.js是画图必备的js函数，不可或缺，其他的都加上了注释。如果下载了某一示例用网站打开后无法显示图表，即很大可能是缺少了必要的 js函数，需要手动加上或去掉文本自带的某一 js函数的注释后方可使用。ivx中引用部分js函数如图：\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/acc59c92f54f9b6bc8939c80a2f195cf_64364_463_313.png"}},{"insert":"\n\n若要在ivx中实现图表，下图红框中的容器首先要在ivx中定位到，需要编写自定义函数，如图：\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/de6a2e14a9029686073e89049c042951_31834_534_690.png"}},{"insert":"\n\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/cb1a6235f3e961473debdeee4529e653_96219_562_493.png"}},{"insert":"\n\n此处的\"con\"是组件的额外元素类，如图："},{"insert":{"image":"//file3.ih5.cn/v35/files/fdfcfbf4fd6164cce14ae8d79b585962_1304_236_26.png"}},{"insert":"\n而想要实现不同的图表只需要替换上图示例代码中蓝框的内容即可。\n\n2.下载当前图表展示的图片：\n由于容器的”打印为图片“功能，返回的图片数据格式为 Base64，需要转换为 url格式后方可下载。此处转换的方式是将打印返回的数据上传到数据库中，此时存储在数据库中的图片格式已经自动转换为 url，因此再将该图片返回到前台中即可，如图：\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/eb1207cac6d2ae143a110a36f7d1cde6_36625_841_388.png"}},{"insert":"\n\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/7f9f15b4dafd1b153900aa20c5b7b9dd_33353_828_351.png"}},{"insert":"\n\n3.下载当前图表的源代码：\n此处下载源代码，需提前将源代码字符串存储在变量中，再通过编写自定义函数实现将源代码字符串下载成 html格式的文本，如图：\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/f199f6c28215c6e0b9921b49ad333789_57567_466_403.png"}},{"insert":"\n\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/fc139386eea6d5377aec0c16f8d77d1d_11682_824_115.png"}},{"insert":"\n\n上图中的”content“即源代码字符串，\"filename\"即下载后的文件名称。\n"}]