TextCloud
Type:
jQuery
index.js
$(function() {
$("#linearGauge").dxLinearGauge({
value: 40,
valueIndicator: { // or subvalueIndicator
type: "textCloud",
// The rest of the indicator properties go here
}
});
});Angular
HTML
TypeScript
<dx-linear-gauge [value]="40">
<dxo-value-indicator <!-- or dxo-subvalue-indicator -->
type="textCloud"
<!-- The rest of the indicator properties go here -->
></dxo-value-indicator>
<dx-linear-gauge>
import { DxLinearGaugeModule } from "devextreme-angular";
// ...
export class AppComponent {
// ...
}
@NgModule({
imports: [
// ...
DxLinearGaugeModule
],
// ...
})Vue
App.vue
<template>
<DxLinearGauge :value="40">
<DxValueIndicator <!-- or DxSubvalueIndicator -->
type="textCloud"
<!-- The rest of the indicator properties go here -->
/>
</DxLinearGauge>
</template>
<script>
import DxLinearGauge, {
DxValueIndicator
} from 'devextreme-vue/linear-gauge';
export default {
components: {
DxLinearGauge,
DxValueIndicator
}
}
</script>React
App.js
import React from 'react';
import LinearGauge, {
ValueIndicator
} from 'devextreme-react/linear-gauge';
class App extends React.Component {
render() {
return (
<LinearGauge value={40}>
<ValueIndicator {/* or SubvalueIndicator */}
type="textCloud"
{/* The rest of the indicator properties go here */}
/>
</LinearGauge>
);
}
}
export default App;ASP.NET MVC Controls
Razor C#
@(Html.DevExtreme().LinearGauge()
.ID("linearGauge")
.Value(40)
.ValueIndicator(vi => vi // or .SubvalueIndicator
.Type(GaugeIndicatorType.TextCloud)
// The rest of the indicator properties go here
)
)color
Type:
Default Value: '#679EC5'
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
palette
Default Value: 'Material'
Accepted Values: 'Bright' | 'Harmony Light' | 'Ocean' | 'Pastel' | 'Soft' | 'Soft Pastel' | 'Vintage' | 'Violet' | 'Carmine' | 'Dark Moon' | 'Dark Violet' | 'Green Mist' | 'Soft Blue' | 'Material' | 'Office'
This property accepts either the name of a predefined palette or an array of colors. The array can include the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
Feedback