javascript - Square Line Chart / Step Chart jqplot -

-

i need plot 3 series of data, first line , other 2 dots. line should step chart (instead of line drawing point point, should draw line horizontal , value

i stuck how jqplot.

$(document).ready(function(){     var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); });

the above code produce blue line on below graph, instead need green line.

enter image description here

unfortunately, not allowed make comments. therefore have write new answer.

the given answer suggests subtract small amount x value (0.001 in example) prevent triangle effect. not quite accurate , can seen workaround.

the triangle effect caused sorting performed jqplot. sorting required chart types, including line charts. if data sorted before feeding jqplot, sorting can disabled jqplot setting sortdata attribute false, see jqplot.sortdata

this prevent sorting issues , therefore no triangle effect occurs!

you may want hide point markers jqplot doesn't know difference between real points , our injected artificial points.

var data = [3, 7, 9, 1, 4, 6, 8, 2, 5]; var points = [[1, data[0]]]; (var = 1; < data.length; i++) {     points.push([i + 1, data[i - 1]]);     points.push([i + 1, data[i]]); }  var plot1 = $.jqplot('chart1', [points], {     sortdata: false,     seriesdefaults: {         showmarker: false     } });

try in fiddle

if want point markers right, option see changing rendering logic, e.g. writing step chart plugin.

for reference, see answers in following post: jqplot step chart not plotting in series order


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more