<commit_before>import _ from 'lodash'
import React from 'react'

import HighChart from 'components/highchart/HighChart'
import format from 'utilities/format'

class ColumnChart extends HighChart {

  constructor (props) {
    super(props)
    this.state = { stack_mode: props.type_params.stack_mode }
  }

  setConfig = function () {
    const self = this
    const props = this.props
    const groupedByTime = _.toArray(props.datapoints.grouped).length > 1
    const groupedByYear = props.groupByTime === 'year'
    const groupedByQuarter = props.groupByTime === 'quarter'
    const first_indicator = props.selected_indicators[0]
    const last_indicator = props.selected_indicators[props.selected_indicators.length-1]
    this.config = {
      chart: {
        type: 'column'
      },
      series: this.setSeries(),
      xAxis: this.setXAxis(groupedByTime),
      yAxis: [
        {
          title: { text: '' },
          max: this.state.stack_mode === 'percent' ? 100 : null,
          labels : {
            formatter: function () { return self.yAxisFormatter(this) }
          }
        },
        {
          title: { text: '' },
          labels: {
            formatter: function () { return format.autoFormat(this.value, last_indicator.data_format) }
          },
          opposite: true
        },
      ],
      plotOptions: {
        column: {
          dataLabels: {
            enabled: false,
            formatter: function () {
              return format.autoFormat(this.y, first_indicator.data_format, 1)
            }
          },
          enableMouseTracking: true
        }
      },
      exporting: {<commit_msg>Remove text shadow on column lables<commit_after>import _ from 'lodash'
import React from 'react'

import HighChart from 'components/highchart/HighChart'
import format from 'utilities/format'

class ColumnChart extends HighChart {

  constructor (props) {
    super(props)
    this.state = { stack_mode: props.type_params.stack_mode }
  }

  setConfig = function () {
    const self = this
    const props = this.props
    const groupedByTime = _.toArray(props.datapoints.grouped).length > 1
    const groupedByYear = props.groupByTime === 'year'
    const groupedByQuarter = props.groupByTime === 'quarter'
    const first_indicator = props.selected_indicators[0]
    const last_indicator = props.selected_indicators[props.selected_indicators.length-1]
    this.config = {
      chart: {
        type: 'column'
      },
      series: this.setSeries(),
      xAxis: this.setXAxis(groupedByTime),
      yAxis: [
        {
          title: { text: '' },
          max: this.state.stack_mode === 'percent' ? 100 : null,
          labels : {
            formatter: function () { return self.yAxisFormatter(this) }
          }
        },
        {
          title: { text: '' },
          labels: {
            formatter: function () { return format.autoFormat(this.value, last_indicator.data_format) }
          },
          opposite: true
        },
      ],
      plotOptions: {
        column: {
          dataLabels: {
            enabled: false,
            style: {
              textShadow: 'none'
            },
            formatter: function () {
              return format.autoFormat(this.y, first_indicator.data_format, 1)
            }
          },
          enableMouseTracking: true
        }
      },
      exporting: {
{'fraction_non_alphanumeric': 0.10761932997331752, 'fraction_numerical': 0.004150607767565965, 'mean_word_length': 2.047877145438121, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3130831', 'n_tokens_mistral': 989, 'n_tokens_neox': 960, 'n_words': 200}