小编anu*_*emn的帖子

防止在LineChart中重叠categoryAxis标签

使用以下选项无法帮助我在调整浏览器大小时阻止我的CategoryAxisLabels在折线图中重叠.

categoryAxis.autoGridCount = true;
categoryAxis.minHorizontalGap = 100;
categoryAxis.gridPosition = "start";
categoryAxis.equalSpacing = false;
categoryAxis.parseDates = false;
chart.validateNow();
Run Code Online (Sandbox Code Playgroud)

我在$(wndow).on('resize', function() {...});事件上触发了这些功能.

请注意我还有一个自定义labelFunction来格式化轴标签.

我的结果:autoGridCall从476px到更低,但在它之上,所有categoryAxis标签值都出现在x轴上,并以最可耻的方式相互重叠.:(

有人可以帮帮我吗.真的卡住!! :(

jquery linechart amcharts

11
推荐指数
1
解决办法
1066
查看次数

如何在折线地理中增加鼠标悬停"命中区域"

我想在鼠标悬停/鼠标移动时在折线路径上显示和隐藏工具提示,问题是我的折线路径仅有2个笔划宽度,因此在鼠标悬停事件中不容易击中该区域,这对于它来说肯定不方便用户体验.

我想知道是否有办法使用任意宽度使命中区域更宽,但对用户不可见?

我的代码片段如下

path = new google.maps.Polyline(plotOptions);

        path.setMap(that.map);

        this.polyPathArray.push(path);

        google.maps.event.addListener(path, 'mouseover', (function(index) {

            return function(polyMouseevent) {
                $(".table>tbody>tr>td").removeClass('highlight');
                $(".table>tbody>tr").eq(index).find("td").addClass('highlight');

                var latlngVal = '';
                if(polyMouseevent) {
                    latlngVal = polyMouseevent.latLng;
                } else {
                    //calculate a random position on a polyline

                }

                that.infowindows[index].setPosition(latlngVal);
                that.infowindows[index].open(that.map);
            };
        })(i));
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激 :)

javascript geocode geomap google-polyline

9
推荐指数
1
解决办法
914
查看次数

在异步调用中订阅Observable不起作用[Angular2]

我在service.ts中有一个方法getData(),如下所示.这将返回一个Observable.另一个服务ApiService也有一个方法get(),它也返回一个Observable.

    getData(args, parentKey?):any {
        return new Observable(observer => {
            this.apiService.get(args).subscribe(
                response => {
                    observer.next({
                        data: response['data'],
                        status: ($.isEmptyObject(response) ? false : true) 
                    });
                },
                error => console.log("error : ", error),
                () => console.log("finished")
            );
        });
    }
Run Code Online (Sandbox Code Playgroud)

我试图在我的组件的异步 API调用中重用此getData()方法.见下文:

this.myService.getData({
    url: 'apiUrl1',
    method: 'Method1',
    parameters: {}
}).subscribe(response => {
    if (response['status']) {
        console.log('Processed apiUrl1');
    }
});
this.myService.getData({
    url: 'apiUrl2',
    method: 'Method2',
    parameters: {}
}).subscribe(response => {
    if (response['status']) {
        console.log('Processed apiUrl2');
    }
});
this.myService.getData({ …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-services angular2-observables

6
推荐指数
1
解决办法
375
查看次数

没有记录时隐藏 Primeeng 数据表分页器

我添加了来自primeng-v2.0.4 的Datatable。

<p-dataTable 
    [value]="tableData" 
    [rows]="rows" 
    [paginator]="true" 
    [resizableColumns]="true"
    [tableStyleClass]="table-wrap" 
    [rowsPerPageOptions]="[5,10,20]">
  :
  :
</p-dataTable>
Run Code Online (Sandbox Code Playgroud)

[paginatorAlwaysVisible]="false"在其中一个论坛中看到了选项,但该属性似乎不适用于此版本的primeng。

请帮忙。

primeng angular

3
推荐指数
2
解决办法
2635
查看次数

如何从图表底部删除图例-Amcharts

您能否帮我从线形图下方删除图例(y轴数据)。此图标有助于从折线图中删除相应的线。

查看内嵌图片删除红色边框的部分

jquery linechart amcharts

2
推荐指数
1
解决办法
6611
查看次数