RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://js.devexpress.com/Vue/Documentation/Guide/UI_Components/Chart/Legend/Overview/ below:

Vue Chart - Overview | Vue Documentation

Chart - Legend Overview

The legend helps users identify series by displaying a colored item for each series.

To configure the appearance, location, and content of the legend, use properties collected in the legend object.

jQuery

$(function() {
    $("#chartContainer").dxChart({
        // ...
        legend: {
            // ...
        }
    });
});

Angular

<dx-chart ... >
    <dxo-legend ... ></dxo-legend>
</dx-chart>

import { DxChartModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxChartModule
    ],
    // ...
})

Vue

<template> 
    <DxChart ... >
        <DxLegend ... />
    </DxChart>
</template>

<script>
import DxChart, {
    DxLegend
} from 'devextreme-vue/chart';

export default {
    components: {
        DxChart,
        DxLegend
    }
}
</script>

React

import React from 'react';
import Chart, {
    Legend
} from 'devextreme-react/chart';

class App extends React.Component {
    render() {
        return (
            <Chart ... >
                <Legend ... />
            </Chart>
        );
    }
}

export default App;