如何防止竖条中的图例在Chart.js中重叠?

时间:2019-08-14 06:56:37

标签: javascript html responsive-design chart.js responsive

当我正在使用的窗口足够大时,该图表将看起来非常清晰可见,但是当它是移动大小或以某种方式缩小时,图例将不会显示某些类别标题的全文。不幸的是,我还无法发布图片,所以不确定您是否得到我要描述的图像。

我正在处理的代码不是我的,老实说,我以前从未使用过Javascript。任何帮助将不胜感激。

$.ajax({
                    type: "POST",
                    url: "@Url.Action("Grafica_Resumen_Global")",
                    content: "application/json; charset=utf-8",
                    dataType: "json",
                 data: { __RequestVerificationToken: token, fdesde: $('#exp_fdesde').val(), fhasta: $('#exp_fhasta').val(), id_tipo: $('#exp_tipo').val() }
             }).done(function (data) {   
                  //Compruebo si hay error o no
                 if (data.hayerror.length != 0) {
                     //Tenemos un error
                     $('.errores_estadisticas').html(data.mensaje_error).removeClass("oculto");                
                 } else {
                     //¿Sin datos?
                     if (data.datos_grafica.length == 0) {
                         $('.errores_estadisticas').html(data.mensaje_error).removeClass("oculto");    
                     } else
                     {
                      var datos_grafica = '{"labels":[' + data.rotulos_ejeY + '],"datasets":[' + data.datos_grafica + ']}';
                      //No hay error y hay datos
                         $('#grafica').show();
                         graficar(data.titulo, JSON.parse(datos_grafica));                     
                     }
                 }
             }).fail(function (xhr, textStatus, errorThrown) {
                 $('.errores_estadisticas').html(textStatus).removeClass("oculto");    
             });

我的目标是固定条的垂直宽度,以便您能够在两到三个不同的行中键入诸如“ Servicio deModernizaciónAdministrativa y TIC”之类的长图例,以保持页面的响应式设计。

0 个答案:

没有答案