如何将dc.js与d3 horizon chart集成起来进行数据渲染？

<div id="chart"></div>

var data = [
  { date: "2022-01-01", value: 10 },
  { date: "2022-01-02", value: 20 },
  { date: "2022-01-03", value: 15 },
  // 其他数据...
];

var ndx = crossfilter(data);
var dateDim = ndx.dimension(function(d) { return d.date; });
var valueGroup = dateDim.group().reduceSum(function(d) { return d.value; });

var chart = dc.horizonChart("#chart");
chart
  .width(800)
  .height(200)
  .dimension(dateDim)
  .group(valueGroup)
  .x(d3.scaleTime().domain([new Date("2022-01-01"), new Date("2022-01-31")]))
  .y(d3.scaleLinear().domain([0, 100]))
  .render();