<commit_before>import {Col, Row} from 'antd';
import React, { Component } from 'react';

import ReactEcharts from 'echarts-for-react';
import { autobind } from 'core-decorators';

const echarts = require('echarts');

export default class Chart extends Component {
    constructor(props) {
        super(props);

        this.state = {
            width: '44.45%'
        };
    }

    componentWillReceiveProps(nextProps) {
        if (!nextProps.initialWidth) this.setState({ width: '100%' });
        /*
            Ugly hack for non-chrome browsers, where the chart would take the length of the entire viewport
        */
    }

    @autobind
    onChartReady(chart) {
        chart.hideLoading();
    }

    @autobind
    getOption() {
        const option = {
            title: {
                text: 'Gráfico 1'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['Serie 1', 'Serie 2', 'Serie 3']
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    boundaryGap: false,
                    data: ['abc', 'def', 'ghi', 'jk', 'lm', 'no', 'pq']
                }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
                {
                    name: 'Serie 1',
                    type: 'line',
                    stack: '123',
                    areaStyle: {normal: {}},
                    data: [120, 132, 101, 134, 90, 230, 210]
                },
                {
                    name: 'Serie 2',
                    type: 'line',
                    stack: '456',
                    areaStyle: {normal: {}},
                    data: [220, 182, 191, 234, 290, 330, 310]
                },
                {
                    name: 'Serie 3',
                    type: 'line',
                    stack: '789',
                    areaStyle: {normal: {}},
                    data: [150, 232, 201, 154, 190, 330, 410]
                }
            ]
        };

        return option;
    }

    render() {
        const styles = require('./Chart.scss');
        const sia = require('./themes/sia');

        echarts.registerTheme(sia.name, sia.theme);

        return (
            <div id="chart">
                <ReactEcharts
                  option={this.getOption()}
                  style={{
                      height: '25rem',
                      width: this.state.width
                  }}<commit_msg>Made chart larger<commit_after>import {Col, Row} from 'antd';
import React, { Component } from 'react';

import ReactEcharts from 'echarts-for-react';
import { autobind } from 'core-decorators';

const echarts = require('echarts');

export default class Chart extends Component {
    constructor(props) {
        super(props);

        this.state = {
            width: '44.45%'
        };
    }

    componentWillReceiveProps(nextProps) {
        if (!nextProps.initialWidth) this.setState({ width: '100%' });
        /*
            Ugly hack for non-chrome browsers, where the chart would take the length of the entire viewport
        */
    }

    @autobind
    onChartReady(chart) {
        chart.hideLoading();
    }

    @autobind
    getOption() {
        const option = {
            title: {
                text: 'Gráfico 1'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: ['Serie 1', 'Serie 2', 'Serie 3']
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    boundaryGap: false,
                    data: ['abc', 'def', 'ghi', 'jk', 'lm', 'no', 'pq']
                }
            ],
            yAxis: [
                {
                    type: 'value'
                }
            ],
            series: [
                {
                    name: '<NAME>',
                    type: 'line',
                    stack: '123',
                    areaStyle: {normal: {}},
                    data: [120, 132, 101, 134, 90, 230, 210]
                },
                {
                    name: '<NAME>',
                    type: 'line',
                    stack: '456',
                    areaStyle: {normal: {}},
                    data: [220, 182, 191, 234, 290, 330, 310]
                },
                {
                    name: '<NAME>',
                    type: 'line',
                    stack: '789',
                    areaStyle: {normal: {}},
                    data: [150, 232, 201, 154, 190, 330, 410]
                }
            ]
        };

        return option;
    }

    render() {
        const styles = require('./Chart.scss');
        const sia = require('./themes/sia');

        echarts.registerTheme(sia.name, sia.theme);

        return (
            <div id="chart">
                <ReactEcharts
                  option={this.getOption()}
                  style={{
                      height: '28rem',
                      width: this.state.width
                  }}
{'fraction_non_alphanumeric': 0.12169033841837629, 'fraction_numerical': 0.03103629668595476, 'mean_word_length': 0.9375, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 8, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2253074', 'n_tokens_mistral': 1695, 'n_tokens_neox': 1437, 'n_words': 353}