JSFiddle - React, Tailwind, and code Playground
by amcharts
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div class="grafica" id="Graph1"></div>
CSS
.grafica {
width : 95%;
height : 500px;
font-size : 11px;
border : 1px solid #000;
}
JavaScript
$(function(){
var y=85;
chart = new AmCharts.AmSerialChart();
lenWrap = setNumChar(12);
chart.addLabel(0, 0, '¿Con la captura de El Chapo, la delincuencia en México?', 'right', 12, '#000000', 0, 1, eval(true), '');
y = y + getLines('¿Con la captura de El Chapo, la delincuencia en México?', 0, lenWrap, 12);
lenWrap = setNumChar(11);
chart.addLabel(0, (y + 3), setJustifyTitle('', lenWrap), 'center', 11, '#000000', 0, 1, eval(false), '');
h = (y + getLines('', 0, lenWrap, 11) + 5);
chart.theme = 'none';
chart.pathToImages = "http://www.gii360.com.mx/test/images/icons/";
chart.dataProvider = eval([{ "data": "SE MANTENDRÁ IGUAL", "value": 66.9528 , "color": "#5afa6a", "customBullet": "" },{ "data": "AUMENTARÁ", "value": 21.8884 , "color": "#faea5a", "customBullet": "" },{ "data": "DISMINUIRÁ", "value": 7.29614 , "color": "#fa5ad2", "customBullet": "" },{ "data": "(NS/NC)", "value": 3.86266 , "color": "#fa5a5a", "customBullet": "" }]);
chart.categoryField = "data";
chart.startDuration = 1;
chart.rotate = eval(false);
chart.handDrawn = eval(false);
chart.handDrawScatter = 5;
chart.depth3D = 20;
chart.angle = 35;
chart.autoMargins = eval(true);
chart.marginTop = parseInt(h);
chart.marginRight = parseInt(60);
chart.marginLeft = parseInt(60);
chart.marginBottom = parseInt(60);
var categoryAxis = chart.categoryAxis;
categoryAxis.title = '';
categoryAxis.titleColor = '#333333';
categoryAxis.titleFontSize = 10;
categoryAxis.gridPosition = 'start';
categoryAxis.fillAlpha = 0;
categoryAxis.axisColor = '#333333';
categoryAxis.fillColor = '#333333';
categoryAxis.gridColor = '#333333';
categoryAxis.gridAlpha = 0;
categoryAxis.dashLength = 0;
categoryAxis.labelRotation = 0;
categoryAxis.fontSize = 10;
categoryAxis.color = '#333333';
categoryAxis.position = 'bottom';
categoryAxis.inside = eval(false);
var valueAxes...