Intereting Posts
самый простой способ предотвратить отображение кнопки «Назад» вашего браузера с защищенных данных после выхода пользователя из системы? Загрузить IFRAME onClick Css не загружается в мобильные браузеры Странное поведение в браузере Android при выборе полей Почему -webkit-margin-before (и после, начало, конец) не переопределяется моим явным полем и правилом заполнения? Остановить Safari в iOS7, чтобы сохранить данные карты Не допускайте ввода чисел между максимальным и минимальным значениями Скрытие скрипта из исходного кода страницы Как я могу просмотреть / открыть документ Word в своем браузере, используя PHP или HTML Скрыть содержимое под прозрачной фиксированной навигацией при прокрутке вниз shuffle divs, но их ограниченное количество Запас основания Zurb между 2 столбцами Bootstrap 4 Alpha 6 Столбец, занимающий всю ширину Форма многостраничной загрузки: гарантирован ли заказ? Санитарный ввод HTML

Фон графика jqplot кажется черным в ie8

Я использую jqplot на своем веб-сайте, используя следующий код

$(document).ready(function(){ var xticks = [ '0', '1', '2', '3', '4','5', '6', '7', '8', '9', '10','11', '13','14','15','16','17','18','19','20','21','22','23']; var data1 = [2,4,6,2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,6,3,1,2,2,0,0,0,0,0,0,2,5,6,6,7,6,6,6,5,7,7,6,1,0,0,0,0]; var plot2 = jQuery.jqplot ('chart1', [data1], { animate : true, // Will animate plot on calls to plot1.replot({resetAxes:true}) animateReplot : true, seriesDefaults : { pointLabels : { show : true, hideZeros : true, location : 's', ypadding : 12 }, renderer : $.jqplot.BarRenderer, rendererOptions : { varyBarColor : true, barPadding : -20 } }, axes : { xaxis : { label : 'X axis', fontFamily : 'OpenSans-Regular', textColor : '#414141', renderer : $.jqplot.CategoryAxisRenderer, labelRenderer : $.jqplot.CanvasAxisLabelRenderer, tickRenderer : $.jqplot.CanvasAxisTickRenderer, ticks : xticks, tickOptions : { fontFamily : 'OpenSans-Regular', textColor : '#414141', angle : -90, fontSize : '10pt' } }, yaxis : { min : 0, //max : 30, tickInterval:5, label : 'Y axis', fontFamily : 'OpenSans-Regular', textColor : '#414141', // labelRenderer: $.jqplot.CanvasAxisLabelRenderer, tickOptions : { fontFamily : 'OpenSans-Regular', textColor : '#414141', formatString : '%.2f', fontSize : '10pt' } } }, cursor : { show : true, zoom : false, showTooltip : true, followMouse : true, useAxesFormatters : true /* * To show both x and y values showTooltipDataPosition :true, * showVerticalLine:true, useAxesFormatters:true */ }, legend : { renderer : $.jqplot.EnhancedLegendRenderer, show : true, showSwatches : true, fontFamily : 'OpenSans-Regular', marginTop : '100px', textColor : '#414141', rowSpacing : '14px', border : 'none', background : 'transparent', placement : 'outsideGrid' }, grid : { background : 'transparent', gridLineColor : '#c5c5c5' }, seriesColors : [ '#F6BD0F' ], series : [ { seriesColors : [ "#D85252" ], //label : 's1', color : [ '#D85252' ] }, { seriesColors : [ "#F6BD0F" ], label : 's2', color : [ '#F6BD0F' ] } ], highlighter : { show : false } } ); }); 

Он отлично работает в Firefox и IE9 без каких-либо проблем, как на рисунке 1. Но в IE8 это выглядит очень плохо, как на рисунке 2.

Я включил excanvas.js следующим образом

  

IE9 и Firefox

Рисунок 1

IE8

Фигура 2

Вот рабочий jsfiddle Может ли кто-нибудь сказать мне, как я могу решить эту проблему? Что я здесь делаю неправильно? Любая помощь будет оценена.

    Наконец, я получил ответ после исследования на один день

    Проблема заключалась в том, что свойство фона используется в параметрах jqplot.

     grid : { background : 'transparent', gridLineColor : '#c5c5c5' } 

    Я исправил это, заменив 'transparent' используя 'rgba(255, 255, 255, 0.1)' в моем коде, и он работает во всех браузерах, включая IE8. То же самое можно сделать, используя background:url('blank.gif')

    Я получил помощь от следующих ссылок

    1. Вариант диаграммы Highcharts backgroundColor: «прозрачный», показывающий черный на IE 8

    2. IE CSS ошибка цвета фона прозрачный ведет себя по-разному к фоновому цвету