Panel positioning - two panels side by side where one is split horizontally

[pitaszek]

Hi Guys,

I would like to achieve this effect. This it is to be achieved in one dashboard . Please refer to online HTML editor where you can paste below piece of code and see my idea:

<table>
<tbody>
<tr>
<td rowspan="2">line chart/histogram</th>
<td>number value</th>
</tr>
<tr>
<td>number value/pie chart</td>
</tr>
</tbody>
</table>

I'd appreciate any hints on how could I achieve that.

Regards,
W

[renjith_nair]

@pitaszek,

Try this run anywhere example and see if it fits your requirement

<dashboard>
  <label>Panel Position</label>
  <row>
    <panel>
      <chart>
        <search>
          <query>index=_*|chart count over index by sourcetype</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="charting.chart">column</option>
        <option name="charting.chart.stackMode">stacked</option>
        <option name="charting.drilldown">none</option>
        <option name="refresh.display">progressbar</option>
      </chart>
    </panel>
    <panel>
      <single>
        <search>
          <query>|makeresults|eval value=100</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="colorMode">block</option>
        <option name="drilldown">none</option>
        <option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
        <option name="useColors">1</option>
      </single>
      <chart>
        <search>
          <query>index=_*|stats count by sourcetype</query>
          <earliest>-15m</earliest>
          <latest>now</latest>
        </search>
        <option name="charting.chart">pie</option>
        <option name="charting.drilldown">none</option>
      </chart>
    </panel>
  </row>
</dashboard>

Output