django-expense / expense / templates / admin / expense / expense / bar_chart.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="layout.css" rel="stylesheet" type="text/css">
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="{{media_dir}}/js/flot/excanvas.min.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="{{media_dir}}js/flot/jquery.js"></script>
    <script language="javascript" type="text/javascript" src="{{media_dir}}js/flot/jquery.flot.js"></script>

    <script language="javascript" type="text/javascript" src="{{media_dir}}js/flot/jquery.flot.stack.js"></script>
      xAxis .tickLabel {
      display: block;
      writing-mode: tb-rl;
      text-align: left!important;
      margin-top: 40px;
      -webkit-transform: rotate(90deg);	
      -moz-transform: rotate(90deg)
    <div id="placeholder" style="width:600px;height:300px;"></div>
<script id="source">
$(function () {
    var stack = 0, bars = true, lines = false, steps = false;

    var data = {{ chart_data|safe }};
    var options = {
        series: {
            stack: stack,
            lines: { show: lines, fill: true, steps: steps },
            bars: { show: bars, barWidth: 0.9, align: 'center' }
        xaxis: {ticks: {{ labels|safe }}}
    $.plot($("#placeholder"), data, options);

Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.