Postcard - Valentine's Day

Happy Valentine's Day

by ubw229

HTML

<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script src="http://cdn3.devexpress.com/jslib/13.2.6/js/dx.chartjs.js"></script>
<div id="chartContainer" style="width:100%;height: 600px"></div>

JavaScript

$("#chartContainer").dxChart({
    dataSource: getData(),
    commonSeriesSettings: {
        type: "rangeBar",
        color: "red"
    },
    valueAxis: {
      tickInterval: 1
   },
    series: { 
        rangeValue1Field: "val1", 
        rangeValue2Field: "val2"
    },
    legend: {
        visible: true
    },
    title: "I love you!"
});

function getData(){
    return [
        { arg: 0.6, val1: 3.4, val2: 3.8 },    { arg: 0.8, val1: 3.2, val2: 4.2 },    
        { arg: 1, val1: 3, val2: 4.6 },        { arg: 1.2, val1: 2.8, val2: 5 },    
        { arg: 1.4, val1: 2.6, val2: 5.4 },    { arg: 1.6, val1: 2.4, val2: 5.8 },
        { arg: 1.8, val1: 2.2, val2: 5.9 },    { arg: 2, val1: 2, val2: 6 },
        { arg: 2.2, val1: 1.8, val2: 5.9 },    { arg: 2.4, val1: 1.6, val2: 5.8 },
        { arg: 2.6, val1: 1.4, val2: 5.6 },    { arg: 2.8, val1: 1.2, val2: 5.3 },
        { arg: 3, val1: 1, val2: 5 },          { arg: 3.2, val1: 0.8, val2: 4.8 },
        { arg: 3.4, val1: 0.6, val2: 4.6 },    { arg: 3.6, val1: 0.4, val2: 4.4 },
        { arg: 3.8, val1: 0.2, val2: 4.2 },    { arg: 4, val1: 0, val2: 4 },
        { arg: 4.2, val1: 0.2, val2: 4.2 },    { arg: 4.4, val1: 0.4, val2: 4.4 },
        { arg: 4.6, val1: 0.6, val2: 4.6 },    { arg: 4.8, val1: 0.8, val2: 4.8 },
        { arg: 5, val1: 1, val2: 5 },          { arg: 5.2, val1: 1.2, val2: 5.2 },
        { arg: 5.4, val1: 1.4, val2: 5.4 },    { arg: 5.6, val1: 1.6, val2: 5.6 },
        { arg: 5.8, val1: 1.8, val2: 5.8 },    { arg: 6, val1: 2, val2: 6 },
        { arg: 6.2, val1: 2.2, val2: 5.9 },    { arg: 6.4, val1: 2.4, val2: 5.8 },   
        { arg: 6.6, val1: 2.6, val2: 5.4 },    { arg: 6.8, val1: 2.8, val2: 5 },
        { arg: 7, val1: 3, val2: 4.6 },        { arg: 7.2, val1: 3.2, val2: 4.2 }, 
        { arg: 7.4, val1: 3.4, val2: 3.8 }
    ];
}