Database schema example to store QRDA-1 file

How to parse QRDA-1 XML file using Jaxen XPath library

Before start you will need to download Jaxen or update pom.xml if you are using maven:
        <dependency>
            <groupId>jaxen</groupId>
            <artifactId>jaxen</artifactId>
            <version>1.1.6</version>
        </dependency>

Let's assume we have following QRDA-1(Controlling High Blood Pressure) format file to process:
Below is a part of QRDA-1 related to Encounter Performed
..............

QRDA-1 (Controlling High Blood Pressure) xml file

                    <entry>
                        <encounter classCode="ENC" moodCode="EVN">
                            <templateId root="2.16.840.1.113883.10.20.22.4.49"/>
                            <templateId root="2.16.840.1.113883.10.20.24.3.23"/>
                            <id root="1.3.6.1.4.1.115" extension="5177f5807938a7ce6100027f"/>
                            <code code="99201"
                    codeSystem="2.16.840.1.113883.6.12"
                    sdtc:valueSet="2.16.840.1.113883.3.464.1003.101.12.1001">
                                <originalText>Encounter, Performed:
                                    Office Visit</originalText>
                            </code>
                            <text>Encounter, Performed:
                                Office Visit</text>
                            <statusCode code="completed"/>
                            <effectiveTime>
                                <low value="20120301120000"/>
                                <high value="20120301130000"/>
                            </effectiveTime>
                        </encounter>
                    </entry>
...............
Number 2.16.840.1.113883.10.20.22.4.49 corresponds to Encounter Performed

Java code

import org.jaxen.JaxenException;
import org.jaxen.dom.DOMXPath;
import org.w3c.dom.Document;
import org.w3c.dom.NamedNodeMap;
import org.w3c.dom.Node;
import java.util.*;

DOMXPath xpath= new DOMXPath("/ClinicalDocument/component/structuredBody/component/section/entry/encounter/templateId[@root = '2.16.840.1.113883.10.20.22.4.49']");
    
 List<Node> nodes = (List<Node>)xpath.selectNodes(document);

for (Node node : nodes) { // iterate through the encounters
  Node nodeParent = node.getParentNode(); //get root document
  String code = getAttributeValueByName(nodeParent, "code", "code")); // Get code highlighted red color above
}

......


public static String getAttributeValueByName(Node document, String xpathExpression, String nameAttribute ) throws JaxenException {
        DOMXPath xpath = null;
        String value = null;
        try {
            xpath = new DOMXPath(xpathExpression);
            Node node = (Node)xpath.selectSingleNode(document);
            if(node != null){
                NamedNodeMap mapAttribute = node.getAttributes();
                for (int i = 0; i < mapAttribute.getLength(); i++){
                    if(nameAttribute.equalsIgnoreCase(mapAttribute.item(i).getNodeName()))  {  //compare current attribute name with the name to match
                        value = mapAttribute.item(i).getNodeValue();  // get attribute value
                        break;
                    }
                }
            }
        } catch (JaxenException e) {
            e.printStackTrace();
        }
        return value;
    }

How to update dynamically jqplot

Call js function redrawPlot with the new data as a parameter to update chart. Example
redrawPlot([13,17,19,11,14,16,18,12,15]);

<script  type="text/javascript">
var plot;

function createPlot(series){
        plot = $.jqplot('chartdiv', [series]);
}

 function redrawPlot(series){
        if(plot){
            createPlot(series);
            plot.replot();
        }

    }

Let's assume we have jqplot created like this
$(document).ready(function(){
  plot = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
});
</script>

How to create horizontal bar jqplot with two stacked series

URL for jqplot  Download

You will need following libs

<script language="javascript" type="text/javascript" charset="utf8" src="jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" charset="utf8" src="jqplot.barRenderer.min.js"></script>
<script language="javascript" type="text/javascript" charset="utf8" src="jqplot.pointLabels.min.js"></script>

var series1 = [12,12,13];
var series2 = [23,24,25];
var series3 = ['title1', 'title2', 'title3'];
 plot = $.jqplot('chartdiv', [series1, series2], {title: 'Plot Title',
            // Tell the plot to stack the bars.
            animate: !$.jqplot.use_excanvas,
            stackSeries: true,
            series:[
                {label:'', pointLabels:{labels: ['','','']}},
                {label:'', pointLabels:{labels: series3}}
            ],
            grid:{borderColor:'transparent',shadow:false,drawBorder:false,shadowColor:'transparent'},
            seriesColors: ["#FF6600","#993300"],
            seriesDefaults:{
                pointLabels:{
                    stackedValue : true,
                    show: true
                },
                renderer:$.jqplot.BarRenderer,
                rendererOptions: {
                    barMargin: 20,
                    barDirection: 'horizontal',
                    barPadding: 15,
                    barWidth: 20
                  }
            },
            axes: {
                xaxis: {
                    rendererOptions: {
                        drawBaseline: false
                    },
                    tickOptions: {
                        showGridline: false,
                        showMark: false,
                        showLabel: false,
                        shadow: false
                    }
                },
                yaxis: {
                    rendererOptions: {
                        drawBaseline: false
                    },
                    tickOptions: {
                        showGridline: false,
                        showMark: false,
                        showLabel: false,
                        shadow: false
                    }
                }
            }
        });

How to highlight bar in jqplot

To highlight bar in jqplot use function below

    function barHighlight(plot, sidx, pidx, points)
    {
        var s = plot.series[sidx];
        var canvas = plot.plugins.barRenderer.highlightCanvas;
        canvas._ctx.clearRect(0,0,canvas._ctx.canvas.width, canvas._ctx.canvas.height);
        s._highlightedPoint = pidx;
        plot.plugins.barRenderer.highlightedSeriesIndex = sidx;
        var opts = {fillStyle: s.highlightColors[pidx]};
        s.renderer.shapeRenderer.draw(canvas._ctx, points, opts);
        canvas = null;
    }

    function barUnhighlight(plot)
    {
        var canvas = plot.plugins.barRenderer.highlightCanvas;
        canvas._ctx.clearRect(0,0, canvas._ctx.canvas.width, canvas._ctx.canvas.height);
        for (var i=0; i<plot.series.length; i++) {
            plot.series[i]._highlightedPoint = null;
        }
        plot.plugins.barRenderer.highlightedSeriesIndex = null;
        plot.target.trigger('jqplotDataUnhighlight');
        canvas =  null;
    }

How to update jqplot title dynamically

To update jqplot title use this:

plot.title['text'] = "Put any text here";
plot.replot();

we should have definition of jqplot smth like this
var plot = $.jqplot(...);