How to create dashed bar graph in highcharts -


i have create bar graphs shown in attached image using highcharts. graph in image has been created using excel. highcharts doesn't seem provide such feature. though allows create graph using patterns 1 doesn't have control on patterns. can please confirm if can create similar kind of charts in highcharts or not? have created fiddle highcharts sample @ http://jsfiddle.net/sandeepkparashar/6c48x39v/3/dashed bar chart dashed bar charts using excel

as mentioned in comment, pattern-fill plugin can handle this. can create patterns , map series, every second column have corresponded pattern.

var colors = ["#ff0000", "#ff8c00", "#ffff00", "#00ff00", "#3366ff"];  var series = [{   "color": "#ff0000",   "name": "high",   "data": [298, 199, 448, 271, 772, 494, 935, 562] }, {   "color": "#ff8c00",   "name": "medium high",   "data": [130, 32, 234, 172, 159, 134, 218, 160] }, {   "color": "#ffff00",   "name": "medium",   "data": [141, 163, 95, 63, 71, 22, 26, 13] }, {   "color": "#00ff00",   "name": "medium low",   "data": [42, 8, 34, 19, 16, 20, 21, 26] }, {   "color": "#3366ff",   "name": "low",   "data": [4, 4, 0, 0, 0, 0, 0, 0] }];  function getpatterns(colors) {   return colors.map(function(color, i) {     return {       id: 'custom-pattern-' + i,       path: {         d: 'm 0 0 l 10 10 m 9 -1 l 11 1 m -1 9 l 1 11',         stroke: color       }    };  }); }  function getmappedseries(series) {   return series.map(function(serie, i) {     return {       color: colors[i],       name: serie.name,       data: serie.data.map(function(value, j) {         return j % 2 ? {           y: value,           color: 'url(#custom-pattern-' + + ')'         } : value;      })    };  }); }

example: http://jsfiddle.net/6c48x39v/8/

natively, can set border dash style series need set dash style specific points, have split series dash/no border series or extend highcharts.


Comments

Post a Comment

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

i using winscp .net assembly uploading files. want upload multiple files asynchronous way. have created method works single upload. public class uploadingdata { private sessionoptions _sessionoptions; private session _session; //connection etc private void onconnected() { foreach (var fileinfo in localfileslist) { var task = task.factory.startnew(() => uploadfilesasync(fileinfo)); } } private async task uploadfilesasync(string file) { string remotefilepath = _session.translatelocalpathtoremote(file, @"/", "/test_data_upload"); var uploading = _session.putfiles(file, remotefilepath, false); //when done await task.run(() => thread.sleep(1000)); } } please suggest me correct way. thanks you can use backgroundworker class this: string[] images = new string[50]; foreach (var path in images) { backgroundworker
Read more

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more