我想在页面中对Echarts做下封装让使用的时候更加简单,我是过来讨论下如何封装的

编程小强 发布于 2015/05/18 11:24
阅读 3K+
收藏 0

说下大环境:我想后端直接传递拼装好的option字符串给前台

如题,我现在想到的封装有如下:

    1. 根据option渲染图表,我只需要传递一个option json字符串就可以渲染出一个图表出来;

    2. 给图表添加点击事件,以便让图表可以在点击的时候弹出详细列表页面;

    3. 动态修改option值,以便支持动态图表功能;

我暂时就想到这么多,希望能得到大家的帮助与讨论,先谢谢了!

加载中
0
南漂一卒
南漂一卒

你可以去 http://echarts.baidu.com/doc/example.html 你常用的图表的 option、theme 都用调试器从前端页面中复制出来,自己建一个 JS 文件粘贴进来,结构如下 ——

(function (echarts) {

    echarts.option = {
        radar:    {

        },
        ...
    };

    echarts.theme = {
        red:    {

        },
        ...
    };

})(self.echarts);
0
p2ng
p2ng

http://my.oschina.net/p2ng/blog/400720

看看我博客,刚好弄过

饼图点击事件,跳转到列表等等的操作。可以加Q,慢慢聊。

0
少侠小古
少侠小古

法第三方第三方

返回顶部
顶部