ChartKick中如何调用colorMode:"auto"以适配明暗模式?
在ChartKick中启用Chart.js的自动明暗模式
要在ChartKick里设置Chart.js的colorMode: "auto",核心是通过ChartKick提供的自定义配置项,把这个参数传递给底层的Chart.js实例,具体操作分场景来看:
原生JavaScript环境:
创建图表时,使用library选项传入Chart.js的配置,将colorMode放在options对象中:new Chartkick.LineChart("chart", data, { library: { options: { colorMode: "auto" } } });Rails等框架的视图场景:
在视图的ChartKick标签里,通过library参数传递对应配置:<%= line_chart data, library: { options: { colorMode: "auto" } } %>
ChartKick的library选项会直接将配置透传给底层的Chart.js实例,这样就能让Chart.js自动跟随系统的明暗主题切换图表配色。
内容的提问来源于stack exchange,提问作者Stephane Paquet
相关产品推荐
相关产品推荐

