| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| export default class IgniteChartSeriesSelectorController { |
| constructor() { |
| this.charts = []; |
| this.selectedCharts = []; |
| } |
| |
| $onChanges(changes) { |
| if (changes && 'chartApi' in changes && changes.chartApi.currentValue) { |
| this.applyValues(); |
| this.setSelectedCharts(); |
| } |
| } |
| |
| applyValues() { |
| this.charts = this._makeMenu(); |
| this.selectedCharts = this.charts.filter((chart) => !chart.hidden).map(({ key }) => key); |
| } |
| |
| setSelectedCharts() { |
| const selectedDataset = ({ label }) => this.selectedCharts.includes(label); |
| |
| this.chartApi.config.data.datasets |
| .forEach((dataset) => { |
| dataset.hidden = true; |
| |
| if (!selectedDataset(dataset)) |
| return; |
| |
| dataset.hidden = false; |
| }); |
| |
| this.chartApi.update(); |
| } |
| |
| _makeMenu() { |
| const labels = this.chartApi.config.datasetLegendMapping; |
| |
| return Object.keys(this.chartApi.config.datasetLegendMapping).map((key) => { |
| return { |
| key, |
| label: labels[key].name || labels[key], |
| hidden: labels[key].hidden |
| }; |
| }); |
| } |
| } |