How to add axes and grid to webgl-candlesticks example? about d3fc HOT 1 OPEN

const chart = fc
  .chartCartesian(xScale, yScale)
  .canvasPlotArea(gridline)
  .webglPlotArea(candlesticks)
  .decorate((sel) => {
            sel
            .enter()
            .select('.webgl-plot-area')
            .raise()
            .on('measure', event => {
              const { width, height } = event.detail;
                xScale.range([0, width]);
                yScale.range([height, 0]);

                gl = container.querySelector('canvas').getContext('webgl');
                candlesticks.context(gl);
           })
           .on('click', () => {
            const domain = xScale.domain();
            const mid = (domain[1].valueOf() - domain[0].valueOf()) / 2;
            xScale.domain([domain[0], new Date(domain[1].valueOf() - mid)]);
            candlesticks.bandwidth(candlesticks.bandwidth()() * 2);
            container.requestRedraw();
           })
           .on('measure.bandwidth', (event, d) => { // statically updates bandwidth measure on screen stretch
                const { width } = event.detail;
                candlesticks.bandwidth(width/100.0);
           })
//           .on('draw', () => {
//               if (pixels == null) {
//                   pixels = new Uint8Array(
//                       gl.drawingBufferWidth * gl.drawingBufferHeight * 4
//                   );
//               }
//               performance.mark(`draw-start-${frame}`);
//               candlesticks(data);
//               // Force GPU to complete rendering to allow accurate performance measurements to be taken
//               gl.readPixels(
//                   0,
//                   0,
//                   gl.drawingBufferWidth,
//                   gl.drawingBufferHeight,
//                   gl.RGBA,
//                   gl.UNSIGNED_BYTE,
//                   pixels
//               );
//               performance.measure(`draw-duration-${frame}`, `draw-start-${frame}`);
//               frame++;
//           })
  })

d3.select('#chart')
    .datum(data)
    .call(chart);

container.requestRedraw();