剑道图表系列单击事件左键单击未触发但右键单击是答案

【问题标题】：Kendo chart seriesClick event left click not firing but right click is剑道图表系列单击事件左键单击未触发但右键单击是
【发布时间】：2019-09-12 13:59:54
【问题描述】：

我有一个剑道图表，我需要让列可以点击。我添加了 seriesCLick 事件，但它只适用于右键单击而不是左键单击。

<kendo-chart [ngStyle]="{'width': '100%', 'height': chartHeight + 'px', 'border': '0px'}"
              (seriesClick)="onSeriesClick($event)" #kendoChart>
    <kendo-chart-tooltip>
        <ng-template kendoChartSeriesTooltipTemplate let-dataItem="dataItem">
            <div class="p-2 text-center speech-bubble">
                <div>{{ dataItem.storeName }}</div>
                <div>{{ dataItem.count }} {{ dataItem.status }} Items</div>
                <div class="badge" [ngStyle]="{'background-color': dataItem.color, 'color': 'white'}">{{ dataItem.formattedName }}</div>
            </div>
        </ng-template>
    </kendo-chart-tooltip>
    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item [majorGridLines]="majorGridLines">
            <kendo-chart-category-axis-item-labels [visible]="true">
            </kendo-chart-category-axis-item-labels>
        </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
    <kendo-chart-series>
        <kendo-chart-series-item *ngFor="let item of chartData$ | async"
                                 [data]="item.items"
                                 [name]="item.count"
                                 field="count"
                                 categoryField="formattedName"
                                 type="column"
                                 [stack]="true"
                                 [border]="borderOptions">
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>

在我的控制器中。

public onSeriesClick(e: any): void {
    console.log("seriesClick: ", e.dataItem.id);
    // this is never called.
}

【问题讨论】：

这个 Stackblitz 显示左键单击确实有效。 stackblitz.com/edit/angular-kendo-chart-phwaew?file=app/… 一定有其他你没有显示的东西干扰了左键单击。
如果有别的东西在抢左键，不知道怎么找。

标签： javascript angular kendo-ui kendo-chart

【解决方案1】：

这个问题可能是由于不正确的 import 'hammerjs'

如果是这样，您还会在控制台中出现一些错误。检查是否安装了hammerjs。

并且，重要，在您的 app.module.ts 文件中添加字符串 import 'hammerjs';

【讨论】：