如何用AngularJS使用ECharts画图

最新推荐文章于 2022-05-12 13:22:00 发布

yingzizizizizizzz

最新推荐文章于 2022-05-12 13:22:00 发布

阅读量1.2k

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/yingzizizizizizzz/article/details/71439497

版权

想要完成的功能：

画圆环图，pie

圆环图颜色需要换，

圆环图中间需要显示总数，官方文档在中间显示的文字是鼠标hover哪个显示哪个。

图标显示在圆环图的下方

遇到的困难：

1.因为官方文档中eChart是基于原生js写的，所以一开始不知道怎么使用AngularJS调用eChart。

后来百度了许多看了一些代码，发现用Angular的directive指令来调用比较方便。

2.圆环中间的总数，不知道用什么属性写

后来百度半天，找到了这个https://segmentfault.com/q/1010000004131705，发现原来是用title来设置

代码如下：

<!DOCTYPE html >
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Echarts--饼图</title>
    <!--<link rel="stylesheet" href="../jc/jquery-ui.css">-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/angular.js"></script>
    <script type="text/javascript" src="js/echarts.js"></script>
    <style>
        html{
            height:100%;
        }

    </style>
</head>

<body data-ng-app="MyApp" style="height:100

最低0.47元/天解锁文章

yingzizizizizizzz

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何用AngularJS使用ECharts画图

想要完成的功能：画圆环图，pie圆环图颜色需要换，圆环图中间需要显示总数，官方文档在中间显示的文字是鼠标hover哪个显示哪个。图标显示在圆环图的下方遇到的困难：1.因为官方文档中eChart是基于原生js写的，所以一开始不知道怎么使用AngularJS调用eChart。后来百度了许多看了一些代码，发现用Angular的directive指令来调用比较方便。
复制链接

扫一扫