JSFiddle - React, Tailwind, and code Playground
JavaScript
var optCommon = {
title: ''
,stackSeries: false
,captureRightClick: true
,seriesDefaults:{
renderer:$.jqplot.BarRenderer
,rendererOptions: {
highlightMouseDown: true
},
pointLabels: {
show: true
,formatString: '%.1f'
,seriesLabelIndex:1
,hideZeros:true
,location:'n'
,ypadding:-14
}
}
,series: [
{label: '', color:'#CC661E'}
]
,axes: {
xaxis: {
tickOptions:{angle:-45}
,tickRenderer: $.jqplot.CanvasAxisTickRenderer
,renderer: $.jqplot.CategoryAxisRenderer
,ticks: []
},
yaxis: {
labelRenderer: $.jqplot.CanvasAxisLabelRenderer
,label:'Score'
,padMin: 0
,pad: 1.05
,min: 0
,tickOptions:{formatString: '%.0f'},
}
}
,highlighter:{
show: true
,tooltipLocation: 's'
,yvalues: 2
,bringSeriesToFront:true
,showMarker:false
,tooltipAxes: 'y'
,formatString: "%n%s"
}
,cursor:{
show: true
,zoom:true
,showTooltip:false
,constrainZoomTo: 'y'
}
,grid:{
background: '#f8f8f8'
,shadow:false
}
,canvasOverlay: {
show: false
,objects: [
{dashedHorizontalLine: {
y: 100.0
,lineWidth: 1
,color: 'rgba(0,0,0,0.4)'
,shadow: false}
}
]
}
};