liekkas/ng-echarts

:tiger: angularjs + echarts

ng-echarts's Issues

Angular 2

Hello,
Are there examples with angularjs 2?

ng-echarts 中 如何使用 词云

外部容器大小变化，里面的echarts图不能同步改变

这个问题我已经用调用内部的refreshChart方法解决，但是当外部容器缩小到一定程度echart图的宽高就变成0了

图标不显示

我已经按照设置了图标，为什么会有图标不出现的问题，谢谢

当我在一个指令中，添加两个ng-echarts指令的时候，只会渲染出来一个

例如：

<ng-echarts class="col-lg-12 echarts"
                                style="min-height:300px;width:840px;padding:0"
                                ng-if="pc.panel.panel_type<=4"
                                ec-config="pc.ecConfig"
                                ec-option="pc.ecOption"
                                ec-resize="pc.ecResize"> </ng-echarts>
<ng-echarts class="col-lg-12 echarts"
                                style="min-height:300px;width:840px;padding:0"
                                ng-if="pc.panel.panel_type<=4"
                                ec-config="pc.ecConfig"
                                ec-option="pc.ecOption"
                                ec-resize="pc.ecResize"></ng-echarts>

只能显示一个

能否同步顯示多圖

請教一下，是否能夠同步顯示多圖？看官網上的例子是使用connect把不同的echart連接起來的。謝謝

不能保存为图片吗？

toolbox里面设置了，还是不能保存，请问怎么处理

封装一下树形

可否封装一下echart里的树形

是否可以支持echarts 3.0 版本

谢谢， 可以升级到3.0 版本吗？

Are there examples with angularjs 2?

toolTip点击一次显示再隐藏后，后续点击就无法显示了，请教原因~~

我的页面是ionic+echarts来开发，引入了ngchart；
ng-echart 嵌套在ion-item里面，此时界面点击出toolTip后，点击canvas的空白处，会导致toolTip无法显示出来，大概看了下，如果把ng-echart的 position: relative; 去掉的话就没问题，这个该怎么解决？

1

如何运用echarts dispatchaction功能

看ng-echarts.js并没有封装dispatchaction功能，我修改了之后可以用，但每次跳index都会刷新chart使得浏览器自动关闭，而不是像官网的dispatch demo并没有刷新chart。
请问可以怎样改呢？

/**

• Created by liekkas.zeng on 2015/1/7.
  */
  angular.module('ng-echarts',[])
  .directive('ngEcharts',[function(){
  return {
  link: function(scope,element,attrs,ctrl,$window){
  function refreshChart(){
  var theme = (scope.config && scope.config.theme)
  ? scope.config.theme : 'default';
  var chart = echarts.init(element[0],theme);
  var app = {};

               if(scope.config && scope.config.dataLoaded === false){
                   chart.showLoading();
               }
  
               if(scope.config && scope.config.dataLoaded){
                   chart.setOption(scope.option);
                   chart.resize();
                   chart.hideLoading();
               }
  
               if(scope.config && scope.config.event){
                   if(angular.isArray(scope.config.event)){
                       angular.forEach(scope.config.event,function(value,key){
                           for(var e in value){
                               chart.on(e,value[e]);
                           }
                       });
                   }
               }
  

// chart.dispatchAction({
// type: 'downplay',
// seriesIndex: 0,
// dataIndex: scope.currentIndex;
// });

                if(angular.isDefined(scope.currentIndex)){
                	
                	chart.dispatchAction({
    			        type: 'highlight',
    			        seriesIndex: 0,
    			        dataIndex: scope.currentIndex
    			    });
    			    
                    chart.dispatchAction({
    			        type: 'showTip',
    			        seriesIndex: 0,
    			        dataIndex: scope.currentIndex
    			    });                        	
                }                                     
            };

            scope.$watch(
                function () { return scope.config; },
                function (value) {if (value) {refreshChart();                  
                }},
                true
            );


            scope.$watch(
                function () { return scope.option; },
                function (value) {if (value) {refreshChart();
               
                }},
                true
            );
            scope.$watch(
                    function () { return scope.currentIndex; },
                    function (value) {if (value) {refreshChart();
                   
                    }},
                    true
                );

// scope.$watch(
// function () { return scope.windowSize; },
// function (value) {
// console.log("directive watch window size");
// if (value) {refreshChart();
//
// }},
// true
// );

        },
        scope:{
            option:'=ecOption',
            config:'=ecConfig',
            currentIndex: '=ecCurrentIndex'
           // windowSize: '=ecWindowSize'
        },
        restrict:'EA'
    }
}]);

How to get the value of selected area?

For example,in a map (type='china '), when I clicked a province , how can I get the name of the province selected?

anjularjs最低版本要求？

anjularjs最低版本要求是多少？

在chrome浏览器中打开时，发现图表不显示

关于loading

可以在每次实例化的时候，数据还没有返回的时候可以显示loading 这样更友好一点

visualMap 无法正常工作

设置了visualMap 分段式 不同的颜色。 但是在画出来的点线图里， 只有点的颜色是根据visualMap的设定， 线的颜色不变， 始终是缺省颜色。

visualMap: {
top:5,
right:5,
type: 'piecewise',
dimension: 1,
pieces: [

                {min: 46, color: 'red'},

                {min: 42, max:46, color: 'orange'},
                {min: 32, max:38, color: 'green'},
                {min: 28, max:32, color: 'orange'},
                {max: 28, color: 'red'}

            ],
            outOfRange: {
                color: '#999'
            },
            textStyle: {
                color: '#222'
            }
        },