📜  jQWidgets jqxGauge RadialGauge colorScheme 属性(1)

📅  最后修改于: 2023-12-03 15:32:17.534000             🧑  作者: Mango

jQWidgets jqxGauge RadialGauge colorScheme 属性

简介

jQWidgets jqxGauge是一款基于jQuery的仪表盘插件,可用于创建各种类型的仪表盘,包括线性和径向。RadialGauge是其中的一种径向类型,它支持多种颜色方案。

colorScheme属性

RadialGauge中的colorScheme属性可用于设置颜色方案。它有以下可用的值:

  • default:默认颜色方案。
  • scheme01:蓝色和灰色的组合。
  • scheme02:红色和灰色的组合。
  • scheme03:黄色和灰色的组合。
  • scheme04:紫色和灰色的组合。
$("#radialGauge").jqxGauge({
  colorScheme: "scheme01" //使用scheme01颜色方案
});
效果预览

以下是使用不同颜色方案的RadialGauge效果预览:

default颜色方案

default color scheme

scheme01颜色方案

scheme01 color scheme

scheme02颜色方案

scheme02 color scheme

scheme03颜色方案

scheme03 color scheme

scheme04颜色方案

scheme04 color scheme

总结

RadialGauge中的colorScheme属性提供了多种颜色方案,可以使仪表盘的外观更加丰富多彩。以上为使用示例和效果预览。