show that the utilization rate of CPU can be displayed as the result of the following picture?

[flzhang132]

I want to show that the utilization rate of CPU can be displayed as the result of the following picture?

[flzhang132]

you are great man

[renjith_nair]

Radial Gauge visualization might fit into your requirement

<dashboard>
  <label>table_color</label>
  <row>
    <panel>
      <chart>
        <search>
          <query>index=_* |stats max(data.pct_cpu) as usage</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
          <sampleRatio>1</sampleRatio>
        </search>
        <option name="charting.chart">radialGauge</option>
        <option name="charting.chart.rangeValues">[0,30,70,100]</option>
        <option name="charting.chart.style">minimal</option>
        <option name="charting.gaugeColors">["0x6cb8ca","0xFFE800","0xBF3030"]</option>
      </chart>
    </panel>
  </row>
</dashboard>

[flzhang132]

but how to put a one line the two graph?

[renjith_nair]

By adding multiple panels in the same row, like

<dashboard>
 <label>CPU Utilization</label>
 <row>
   <panel>
     <chart>
       <search>
         <query>index=_* |stats max(data.pct_cpu) as usage</query>
         <earliest>-15m</earliest>
         <latest>now</latest>
         <sampleRatio>1</sampleRatio>
       </search>
       <option name="charting.chart">radialGauge</option>
       <option name="charting.chart.rangeValues">[0,30,70,100]</option>
       <option name="charting.chart.style">minimal</option>
       <option name="charting.gaugeColors">["0x6cb8ca","0xFFE800","0xBF3030"]</option>
     </chart>
   </panel>
   <panel>
     <chart>
       <search>
         <query>index=_* |stats max(data.pct_cpu) as usage</query>
         <earliest>-15m</earliest>
         <latest>now</latest>
         <sampleRatio>1</sampleRatio>
       </search>
       <option name="charting.chart">radialGauge</option>
       <option name="charting.chart.rangeValues">[0,30,70,100]</option>
       <option name="charting.chart.style">minimal</option>
       <option name="charting.gaugeColors">["0x6cb8ca","0xFFE800","0xBF3030"]</option>
     </chart>
   </panel>   
 </row>
</dashboard>

[flzhang132]

you are great man

[niketn]

@flzhang132 please accept the answer if your issue is resolved!