amChart в AngularJS Переключаемое предсказание Легенды не работает, приложите код - PullRequest
Новая
       1

amChart в AngularJS Переключаемое предсказание Легенды не работает, приложите код

1 голос
/ 13 февраля 2020

Это мой код, переключаемое свойство Legend не работает, график имеет 3 линейных ряда по двум осям значений, идея состоит в том, чтобы скрыть ряды, которые в настоящее время бесполезны.

Вы использовали Храм Admin Akvio Blur, я следовал инструкциям, файл Bower имеет все зависимости amChart. Если я запускаю примеры, они работают очень хорошо, но они не имеют той же структуры, что и обработчики angularJS.

Я понятия не имею, что установить или не установить.

Я буду признателен за помощь всем, кто сможет мне помочь. 

$scope.difference = response.data
var chart2 = AmCharts.makeChart('chartDiff', {
    type: 'serial',
    theme: 'blur',
    dataProvider: $scope.difference,
    balloon: {
            fillAlpha: 1,
            shadowAlfa: 0.5,
            showBullet: true
    },
    valueAxes: [
        {
        axisAlpha: 0,
        position: 'left',
        title: 'Revenue - Payroll',
        autoGridCount: true,
        unit: '$',
        unitPosition: 'left',
        id: 'Axis-1',
        color: '#2A0A12'
        },
        {
        axisAlpha: 0,
        position: 'right',
        title: 'Difference',
        autoGridCount: true,
        unit: '$',
        unitPosition: 'left',
        id: 'Axis-2',
        color: '#F0B71D'
        }
    ],
    graphs: [
        {
        balloonColor: '#35BC3F',
        balloonText: '',
        lineThickness: 2,
        fillColorsField: '#b52121',
        valueField: 'revenue',
        title: 'Revenues',
        switchable: true
        },
        {
        balloonColor: '#ff0000',
        balloonText: '',
        fillColorsField: '#b52121',
        lineThickness: 2,
        title: 'Payrolls',
        valueField: 'payroll',
        switchable: true
        },
        {
        balloonColor: '#ee0000',
        balloonText: '',
        fillColorsField: '#b55521',
        lineThickness: 2,
        title: 'Difference',
        valueField: 'difference',
        switchable: true,
        valueAxis: 'Axis-2'
        }
    ],
    chartCursor: {
        enabled: true,
        bulletsEnabled: true,
        categoryBalloonColor: "#F0D9A8",
        color: "#000000",
        cursorPosition: "mouse",
        graphBulletAlpha: 0,
        graphBulletSize: 5,
        selectionAlpha: 0.93,
        valueLineAlpha: 1,
        cursorColor: "#000000",
        valueLineEnabled: true
    },
    categoryField: 'driver_full_name',
    categoryAxis: {
        gridPosition: 'start',
        labelRotation: 30,
        autoWrap: true,
        fontSize: 8 
    },
    export: {
        enabled: true
    },
    legend: {
        useGraphSettings: true,
        enabled: true,
        backgroundAlpha: 0,
        textClickEnabled: true,
        useMarkerColorForValues: true,
        useGraphSettings: true,
        color: '#4C4646',
        labelText: "[[title]]:",
        spacing: 40,
        valueAlign: 'left',
        valueText: "$[[value]]",
    }
});
...