Electron中LightningChart JS在Mac端显示模糊问题求助
问题:Electron集成LightningChart JS后Mac端图表文字模糊,Windows端显示正常
我正在基于Electron开发一款面向所属行业的跨平台图表应用,将LightningChart JS官网示例代码集成到应用中后,Mac端图表文字出现明显像素化模糊情况,但Windows端显示效果良好。以下是相关代码及现象说明,恳请协助排查问题原因。
代码部分
// 可替换此脚本内容以测试官网示例代码 // 从LightningChartJS中提取所需部分 const { lightningChart } = lcjs // 注:使用IIFE包时无需引入@arction/lcjs // 创建XY图表 const chart = lightningChart().ChartXY({ // 将图表放入id为'target'的div中,图表尺寸会自动适配div大小 container: 'target' }) .setTitle('My first chart') // 设置图表标题 const data = [ { x: 0, y: 1.52 }, { x: 1, y: 1.56 }, { x: 2, y: 1.42 }, { x: 3, y: 1.85 }, { x: 4, y: 1.62 } ] // 添加折线系列 const lineSeries = chart.addLineSeries() .setName('My data') .add(data)
HTML容器代码
<!-- 创建用于渲染图表的div --> <div id="target" class="row content"></div>
显示现象
- Mac端:图表文字存在明显像素化模糊
- Windows端:图表显示清晰,无模糊问题
内容的提问来源于stack exchange,提问作者Kenneth Miller
相关产品推荐
相关产品推荐

