Main Content

Using WC Graph Table

Advanced Options

However, the built-in charts and graphs have the following advanced options:

    Default Mode

    The default mode toggles between table and charts. It does not require a class.

    Media Usage: US Children, 8 to 18 Years Old, Average Hours Spent with Each Medium in a Typical Day
      Television Movies Music/Audio Print Computer Video Games
    1999 227 18 108 43 27 26
    2004 231 25 104 43 62 49
    2009 269 25 151 38 89 73
    <table id="table1" summary="... class="graphme editdata"">
    ...
    </table>

    Chart-Only Mode

    The chartonly class specifies a mode where charts appear on the same page and the table is hidden.

    Media Usage: US Children, 8 to 18 Years Old, Average Hours Spent with Each Medium in a Typical Day
      Television Movies Music/Audio Print Computer Video Games
    1999 227 18 108 43 27 26
    2004 231 25 104 43 62 49
    2009 269 25 151 38 89 73
    <table id="table2" summary="... class="graphme chartonly"">
    ...
    </table>

    Edit Data Mode

    The editdata class specifies a editable mode.

    Media Usage: US Children, 8 to 18 Years Old, Average Hours Spent with Each Medium in a Typical Day
      Television Movies Music/Audio Print Computer Video Games
    1999 227 18 108 43 27 26
    2004 231 25 104 43 62 49
    2009 269 25 151 38 89 73
    <table id="table3" summary="..." class="graphme editdata">
    ...
    </table>

    Top of page