首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Highcharts图表选项backgroundColor:'透明'在IE 8上显示黑色

在IE 8上,由于系统对透明颜色的处理方式,图表的backgroundColor属性设置为'透明'时,图表的背景色将显示为黑色。因此,为了解决这个问题,可以使用IE 8专有的透明背景色属性,例如:

代码语言:javascript
复制
chart.options.chart.backgroundColor = 'transparent';

此外,还可以使用IE 8专有的透明滤镜来处理图表背景色,例如:

代码语言:javascript
复制
chart.options.chart.backgroundColor = 'transparent';
chart.renderer.style.filter = 'alpha(opacity=0)';

这将使用IE 8专有的透明滤镜将背景色设置为完全不透明。请注意,这种方法可能会导致一些浏览器上的兼容性问题,因此在实际使用中应该考虑其他解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 微信小程序1

    : -30, verticalAlign: 'top', y: 25, floating: true, backgroundColor...image.png lang:语言文字对象,所有Highcharts文字相关的设置 chart:图表区、图形区和通用图表配置选项 colors:图表数据列颜色配置,是一个颜色数组 credits:...版权信息,Highcharts图表的右下方放置的版权信息及链 drilldown:钻取,向下钻取数据,深入到其中的具体数据 exporting:导出模块,导出功能配置,导出即将图表下载为图片或打印图表...legend:图例,用不同形状、颜色、文字等 标示不同数据列,通过点击标示可以显示或隐藏该数据列 loading:加载中,加载选项控制覆盖绘图区的加载屏的外观和文字 navigation:导航,...导出模块按钮和菜单配置选项组 noData:没有数据,没有数据时显示的内容 pane:分块,针对仪表图和雷达图专用的配置,主要设置弧度及背景色 plotOptions:针对不同类型图表的配置 series

    2.1K30

    2019年最好的JavaScript图表

    图表现在可以在所有浏览器运行,无需特殊插件,支持交互性和动画,即使最高分辨率的设备也能看起来很清晰。...JSCharting可免费用于非商业和个人用途,并提供商业许可选项,包括所有图表类型和产品,只需一次性费用。 Highcharts https://www.highcharts.com/ ?...Highcharts是一个流行的JavaScript图表库,被许多世界最大的公司使用。使用SVG生成图表并回退到VML,以便向后兼容IE6 / IE8。...它向后兼容IE9。Polyfill也可以与IE7一起使用。 样本视觉效果相当现代,并且首次绘制时包含初始动画。实时添加系列或数据点时,它可以平滑动画。...可以调用update()函数重绘图表之后修改图表选项。 示例源代码未显示在网站库中,但可在GitHub存储库中找到。配置选项用于创建和修改图表选项API简洁直观。

    5.1K20

    強大的jQuery Chart组件-Highcharts

    Highcharts是一个制作图表的纯Javascript类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等; 对个人用户完全免费; 纯JS,无BS; 支持大部分的图表类型...,还有a canvas emulator for IE和Jquery类库或者MooTools类库; 提示功能:鼠标移动到图表的某一点上有提示信息; 放大功能:选中图表部分放大,近距离观察图表; 易用性:...无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表; 时间轴:可以精确到毫秒 下载插件 Highcharts下载地址 http://www.highcharts.com/download...‘打印’,'导出'等功能按钮,不设置时默认为显示                 url: "http://localhost:49394/highcharts_export.aspx" //导出图片的...--5.导入容器用于显示图表-->

    2.1K50

    Highcharts快速入门及绘制柱状图

    Highcharts是一个用纯JavaScript编写的图表库,它能够很简单便捷的web网站或者是web应用程序中添加有交互性质的图表。...,同时支持多维图表 导出格式多样:能够导出PDF/PNG/JPG/SVG等多种格式 可变焦:选中图表部分放大,能够近距离观察图表 上面仅仅是列出了Highcharts的部分特性,它还有时间轴的时间精确到毫秒...可以说,Highcharts是目前市面上最简单灵活的图表库 [008eGmZEgy1gnfz3bt4z0j30n00iymy8.jpg] Highcharts Stock 方便快捷地创建股票图、大数据量的时间轴图表...H.add_data_set(data3,'bar','Joe') H [008eGmZEgy1gnv6anisdjj31810u0gnx.jpg] 坐标属性倾斜的柱状图 当我们的坐标属性过长的时候,属性值显示坐标轴可以倾斜一定的角度...'backgroundColor': "(Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'" # 图例背景色

    3.3K00

    【学习】15个最棒的JavaScript图形图表

    D3.js不支持旧版本的浏览器,如IE8,为了跨浏览器适应,你可以使用 aight插件。 回到顶部 Google Charts ? Google Charts 创 建图表更加的简单。...它提供了很多内置的图表,如:条形图、日历图、饼图等等。Google Charts 还提供了许多定制选项让你改变图表的外观。...支持旧版本的浏览器如IE7/8。ChartJS 默认是响应式的,它良好的适应手机端和平板端。 回到顶部 Chartist.js ? Chartist.js 提供了漂亮的响应式图表。...它建立D3.js和AngularJS的基础。 n3-charts是一些利用n3-charts创建的图表列表。 回到顶部 Ember Charts ?...使用Highcharts JS最大的优势是它兼容像IE6这样的旧版本浏览器。标准的浏览器使用SVG渲染,而旧版本的IE浏览器则使用VML。 个人免费使用,而商业用户则需要购买许可证。

    4.2K40

    Highcharts-6-柱状图汇总

    Highcharts是一个用纯JavaScript编写的图表库,它能够很简单便捷的web网站或者是web应用程序中添加有交互性质的图标。...,同时支持多维图表 导出格式多样:能够导出PDF/PNG/JPG/SVG等多种格式 可变焦:选中图表部分放大,能够近距离观察图表 上面仅仅是列出了Highcharts的部分特性,它还有时间轴的时间精确到毫秒...可以说,Highcharts是目前市面上最简单灵活的图表库 ? Highcharts Stock 方便快捷地创建股票图、大数据量的时间轴图表。...坐标属性倾斜的柱状图 当我们的坐标属性过长的时候,属性值显示坐标轴可以倾斜一定的角度: from highcharts import Highchart # 导入库 H = Highchart(...'y': 55, # 图例到x轴距离 'floating': True, # 图例是否可以显示图形:False表示图例和图形完全分开 'backgroundColor

    3.1K10

    【干货】21个数据可视化利器

    IE6、IE7和IE8,它都逆天地支持了!...Dygraphs的兼容性特别好,主流浏览器(包括IE8,它表现都很优秀,你甚至可以把它用到手机和平板设备!...通过社交媒体,你可以和别人分享你的可视化成果,或者发布到网站及博客。 PiktoChart 作为一个高大的应用,你可以用它创建漂亮、易读及透明的信息图。...你可以免费使用它为你的个人网站或非营利组织创建各种图表HighCharts基于HTML5技术,可以主流浏览器上工作,包括手机、平板以及老版本的IE,甚至IE6也可以。...它提供了快速显示多数据地图的缩放功能,同时支持多种矢量数据的呈现方式。此外,Polymaps可以以全方位尺寸加载数据。由于这个工具使用了球形墨卡托瓦格式,发布信息简直和拍照一样快。

    1.4K110

    Highcharts-2-配置项

    名词解释 lang:语言文字对象,所有Highcharts文字相关的设置 chart:图表区、图形区和通用图表配置选项 colors:图表数据列颜色配置,是一个颜色数组 credits: 版权信息,Highcharts...图表的右下方放置的版权信息及链 drilldown:钻取,向下钻取数据,深入到其中的具体数据 exporting:导出模块,导出功能配置,导出即将图表下载为图片或打印图表 legend:图例,用不同形状...多个不同的数据列可共用同一个X轴或Y轴,当然,还可以有两个X轴或Y轴,分别显示图表的上下或左右 配置选项 全局配置 ?...downloadPDF: String # 导出PDF选项显示的文字 downloadPNG: String # 导出PNG图片选项显示的文字 downloadSVG:...,默认是空字符串 loading: String # 当图标加载中状态时显示的文字 months:Array # 月份数组,日期格式化函数 Highcharts.dateFormat

    1.9K20

    21款酷炫的数据可视化工具,拿走不谢!

    它在PC端、Mac、iPad、iPhone和Android平台都可兼容,具有很好的用户体验一致性,同时也适用于所有的网页和移动应用,甚至包括IE6、7、8这些绝大部分插件都不支持的主儿。...Dygraphs也是高度兼容的,所有的主流浏览器都可正常运行(包括不受待见的IE8)。你甚至可以在手机和平板设备使用双指缩放! Datawrapper ?...PiktoChart 这是一款很赞的app,你可以用它创作出漂亮、清晰、透明的信息图表。...HighCharts是建立HTML5的,现代的浏览器包括移动、平板设备运行,也支持过时的IE浏览器(IE6之后的都可以)。...WolframAlpha WolframAlpha把自己称作计算型知识引擎、谷歌分析领域的劲敌。它最棒的一点是显示图表时可以不需要任何配置就响应数据请求。

    1.8K100

    【数据可视化】数据可视化入门前的了解

    4.6 Highcharts Highcharts是一个使用纯JavaScript编写的图表库,能够简单便捷地Web网站或Web应用程序中添加有交互性的图表。...(1)兼容性好:Highcharts可以在所有的移动设备及计算机的浏览器中使用,包括iPhone、iPad和IE6以上的版本;iOS和Android系统中,Highcharts支持多点触摸功能,因而可以提供极致的用户体验...现代的浏览器中,使用SVG技术进行图形绘制;低版本IE浏览器中,则使用VML进行图形绘制。 (2)非商业使用免费:Highcharts可以个人网站、学校网站和非营利机构中使用。...(5)简单的配置语法:Highcharts中设置配置选项不需要任何高级的编程技术,所有的配置都是JSON对象,只包含用冒号连接的键值对,用逗号进行分割,用括号进行对象包裹。...ECharts不仅兼容当前绝大部分浏览器(如Chrome、IE6/7/8/9/10/11、Firefox、Safari等),而且底层依赖轻量级的Canvas类库ZRender,提供了直观、生动、可交互、

    20910
    领券