Line Chart - Previous Week Comparison - Two X Axis

by duarteleao

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.19/require.min.js"></script>
<script src="//webdetails.github.io/ccc/charts/lib/amd/require.config.js"></script>
<div id="cccExample" />

JavaScript

require([
  "ccc/pvc",
  "ccc/def",
  "ccc/protovis"
], function(pvc, def, pv) {

  // Hack CCC into allowing more than one Base Axis.
  pvc.visual.CartesianPlot.configure({
    options: {
      BaseAxis: {
        resolve: '_resolveFull',
        cast: def.number.to,
        value: 1
      }
    }
  });

	// Data must have the same number of current and previous
  // points, equally spaced.
  var cdaData = {
    "resultset": [
      ["current", "2021-01-01", 24],
      ["current", "2021-01-02", 83],
      ["current", "2021-01-03", 14],
      ["current", "2021-01-04", 87],
      ["current", "2021-01-05", 32],
      ["current", "2021-01-06", 51],
      ["current", "2021-01-07", 63],
      ["current", "2021-01-08", 56],
      ["current", "2021-01-09", 32],
      ["current", "2021-01-10", 18],
      ["current", "2021-01-11", 34],
      ["current", "2021-01-12", 48],
      ["current", "2021-01-13", 86],
      ["current", "2021-01-14", 62],
      ["current", "2021-01-15", 39],
      ["current", "2021-01-16", 62],
      ["current", "2021-01-17", 39],
      ["current", "2021-01-18", 75],
      ["current", "2021-01-19", 77],
      ["current", "2021-01-20", 22],

      ["previous", "2020-12-25", 34],
      ["previous", "2020-12-26", 90],
      ["previous", "2020-12-27", 43],
      ["previous", "2020-12-28", 85],
      ["previous", "2020-12-29", 36],
      ["previous", "2020-12-30", 37],
      ["previous", "2020-12-31", 36],
      ["previous", "2021-01-01", 17],
      ["previous", "2021-01-02", 62],
      ["previous", "2021-01-03", 76],
      ["previous", "2021-01-04", 20],
      ["previous", "2021-01-05", 42],
      ["previous", "2021-01-06", 28],
      ["previous", "2021-01-07", 68],
      ["previous", "2021-01-08", 40],
      ["previous", "2021-01-09", 50],
      ["previous", "2021-01-10", 70],
      ["previous", "2021-01-11", 83],
      ["previous", "2021-01-12", 79],
      ["previous", "2021-01-13", 53]
    ],
    "metadata": [{
      "colIndex": 0,
      "colType":...