Автоматическое усечение длинных меток осей категорий, но отображение полной метки в легенде?

/*
  Plugin to generate legend markers based on category
  and fillColor/lineColor/color field from the chart data by using 
  the legend custom data array. Also allows for toggling markers
  by completely removing/adding columns from the chart
  
  The plugin assumes there is  only one graph object. 
*/
AmCharts.addInitHandler(function(chart) { 
  
  //method to handle removing/adding columns when the marker is toggled
  function handleCustomMarkerToggle(legendEvent) {
      var dataProvider = legendEvent.chart.dataProvider;
      var itemIndex; //store the location of the removed item

      //Set a custom flag so that the dataUpdated event doesn't fire infinitely, in case you have
      //a dataUpdated event of your own
      legendEvent.chart.toggleLegend = true; 
      // The following toggles the markers on and off.
      // The only way to "hide" a column and reserved space on the axis is to remove it
      // completely from the dataProvider. You'll want to use the hidden flag as a means
      // to store/retrieve the object as needed and then sort it back to its original location
      // on the chart using the dataIdx property in the init handler
      if (undefined !== legendEvent.dataItem.hidden && legendEvent.dataItem.hidden) {
        legendEvent.dataItem.hidden = false;
        dataProvider.push(legendEvent.dataItem.storedObj);
        legendEvent.dataItem.storedObj = undefined;
        //re-sort the array by dataIdx so it comes back in the right order.
        dataProvider.sort(function(lhs, rhs) {
          return lhs.dataIdx - rhs.dataIdx;
        });
      } else {
        // toggle the marker off
        legendEvent.dataItem.hidden = true;
        //get the index of the data item from the data provider, using the 
        //dataIdx property.
        for (var i = 0; i < dataProvider.length; ++i) { 
          if (dataProvider[i].dataIdx === legendEvent.dataItem.dataIdx) {
            itemIndex = i;
            break;
          }
        }
        //store the object into the dataItem
        legendEvent.dataItem.storedObj = dataProvider[itemIndex];
        //remove it
        dataProvider.splice(itemIndex, 1);
      }
      legendEvent.chart.validateData(); //redraw the chart
  }

  //check if legend is enabled and custom generateFromData property
  //is set before running
  if (!chart.legend || !chart.legend.enabled || !chart.legend.generateFromData) {
    return;
  }
  
  var categoryField = chart.categoryField;
  var colorField = chart.graphs[0].lineColorField || chart.graphs[0].fillColorsField || chart.graphs[0].colorField;
  var legendData =  chart.dataProvider.map(function(data, idx) {
    var markerData = {
      "title": data[categoryField] + ": " + data[chart.graphs[0].valueField], 
      "color": data[colorField],
      "dataIdx": idx //store a copy of the index of where this appears in the dataProvider array for ease of removal/re-insertion
    };
    if (!markerData.color) {
      markerData.color = chart.graphs[0].lineColor;
    }
    data.dataIdx = idx; //also store it in the dataProvider object itself
    return markerData;
  });
  
  chart.legend.data = legendData;
  
  //make the markers toggleable
  chart.legend.switchable = true;
  chart.legend.addListener("clickMarker", handleCustomMarkerToggle);
  
}, ["serial"]);


// keep the data object separate from the call
var dataProvider = [
  {
    country: "This is Sample Data with long label",
    visits: 4025,
    color: "#FF0F00"
  },
  {
    country: "This is Sample Data with long label1",
    visits: 1882,
    color: "#FF6600"
  },
  {
    country: "This is Sample Data with long label2",
    visits: 1809,
    color: "#FF9E01"
  },
  {
    country: "This is Sample Data with long label3",
    visits: 1322,
    color: "#FCD202"
  }
];

var chart = AmCharts.makeChart(
  "chartdiv",
  {
    theme: "light",
    type: "serial",
    startDuration: 2,
    dataProvider: dataProvider,
    valueAxes: [
      {
        position: "left",
        axisAlpha: 0,
        gridAlpha: 0
      }
    ],
    graphs: [
      {
        balloonText: "[[category]]: <b>[[value]]</b>",
        colorField: "color",
        fillAlphas: 0.85,
        lineAlpha: 0.1,
        type: "column",
        topRadius: 1,
        valueField: "visits"
      }
    ],
    depth3D: 40,
    angle: 30,
    chartCursor: {
      categoryBalloonEnabled: false,
      cursorAlpha: 0,
      zoomable: false
    },
    categoryField: "country",
    categoryAxis: {
      gridPosition: "start",
      axisAlpha: 0,
      gridAlpha: 0,
      labelFunction: trimLabel,
    },
    legend: { 
      generateFromData: true //custom property for the plugin
    },
    export: {
      enabled: true
    }
  },
  0
);

// function to trim the labels
function trimLabel(label, item, axis) {
  var chartWidth = axis.chart.realWidth;
  var maxLabelLength = 15; // not counting the dots...

  // trim when the width of the chart is smalled than 300px
  if (chartWidth <= 300 && label.length > 5)
    return label.substr(0, 5) + "...";

  // trim when the width of the chart is smalled than 500px
  if (chartWidth <= 500 && label.length > 10)
    return label.substr(0, 10) + "...";

  // trim when label is longer than maxLabelLength regardless of chart width
  return label.length >= 15 ? label.substr(0, 14) + "...": label;
}

#chartdiv {
  width: 990px;
  height: 365px;
  border-radius: 3px;
  margin: 0px;
  border: 1px dotted #728FCE;
}

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<input type="button" value="Set width to 300px" onclick="document.getElementById('chartdiv').style.width='300px';" />
<input type="button" value="Set width to 500px" onclick="document.getElementById('chartdiv').style.width='500px';" />
<input type="button" value="Set width to 700px" onclick="document.getElementById('chartdiv').style.width='700px';" />
<div id="chartdiv"></div>