EChart中如何使用SCSS变量

1.创建SCSS变量文件，定义并导出SCSS变量

登录后复制

$barColor: #ff0000; 
:export {
  barColor: $barColor; 
}

• 1.
• 2.
• 3.
• 4.

2.在Vue组件组件的<script>部分导入SCSS文件

登录后复制

import chartStyle  from  '@/styles/chartStyle.scss'

• 1.

3.在Echarts的options中应用变量

登录后复制

const option = {
  // 其他配置项...
  color: chartStyle.barColor, 
};

• 1.
• 2.
• 3.
• 4.

原创作者: u_15402980 转载于: https://blog.51cto.com/u_15402980/11435937