Having trouble integrating Flot charts into React due to a '$.plot' is not a function error. Here's the code I'm using:
Script tags Index.html
<script src="dist/libs/js/jquery.min.js"></script>
<script src="dist/libs/js/jquery.flot.js"></script>
<script src="dist/libs/js/jquery.flot.stack.js"></script>
<script src="dist/libs/js/jquery.flot.symbol.js"></script>
My React component
class OfferGraph extends React.Component {
constructor(){
super();
this.state ={
isLogged:false
}
//Test Code
let node = $('#trackInsightGraph');
$.plot(node, [{
data: data['searchAverage'],
points: {show: false}
}, {
data: data['offer'],
points: {show: false}
}, {
data: data['similar'],
points: {show: false}
}, {
data: data['c01'],
lines: {show: true}
}], options);
}
render(){
return <div id="trackInsightGraph">
</div>
}
}
export default OfferGraph;
Looking for guidance on integrating these jQuery plugins from Flot into React since most of the functionality is specific to Flot. Any examples or help would be greatly appreciated.