Steps to use cqs-opt are displayed in the following file

// Import jquery
var $ = require('jquery');
window.jQuery = $;

// Import myriad highchart component
var React = require('react');
var Highchart = React.createFactory(require('../Highchart'));

// Import the chart config from cqs-opt library
import LineChart from "cqs-opt/src/vizspecs/LineChart";

class RenderHighchartContainer extends React.PureComponent {
    
  render() {
    
    // Data which is essential to draw the chart
    const configData = {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
      scrollbar: false,
      series: [{
          data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
      }]
    };

    
    return Highchart({
      ref: 'monitor-viz',
      height: '65vh',
      configs: [LineChart(configData)],
      width: 300
    });
  }
}
export default RenderHighchartContainer; 

Contributions & Maintainer

• Aniket Khara [email protected]
• Sagar Pawar [email protected]