Color scheme in Haskell-Chart - haskell
I use Haskell-Chart according to the example example-1.Everything works fine. But I can`t get, how it is possible to change colors (backgound, axes, ...)?
Thank you!
Did you look at the documentation?
I will only answer the part about background and leave the rest to you, as it shoud be possible to get all the information you seek in the docs, otherwise aks a new, more concrete question.
http://hackage.haskell.org/package/Chart-1.8/docs/Graphics-Rendering-Chart-Layout.html for example provides the type Layout x y where you can set the background.
Related
How to make the `CocInlayHints` background color transparent in `.vimrc`
This is a follow up question to Change the color of the type hint in coc.nvim's rust-analyzer I'm wondering if it's possible to change the background color of inlay hints from Rust Analyzer in Vim. Adding a hex #ffffff00 doesn't seem to work, nor does just 0.
After some more experimenting I was able to find that if you just remove the option for a background color in the examples provided in the aforementioned question, it will not have a background as desired. For me, that looks like: "For Types hint hi default CocInlayHint ctermfg=71 The part to remove is ctermbg=0. I also removed other parts from the example provided but it seemed to have no effect so I've left them out here as well.
Axes on image in IDL
I have an image displayed in an IDL window using the TV command, and would like to add x and y axes to the image. Seems straightforward, but I can't find a way to do it. Can anyone help with this? Thanks
Are you tied to direct graphics, i.e., TV? Easiest way to display with axis is to use IMAGE function: im = image(arr, axis_style=1)
I would echo Mike's answer - go with the new graphics Image function if possible. If you absolutely have to use direct graphics, then I would recommend using David Fanning's coyote graphics wrappers: http://www.idlcoyote.com/idldoc/cg/cgimage.html It's still a lot more work to do this using direct graphics, but at least with the "cg" commands it's easier.
Advanced CSS Circles
I'm trying to make 3 different circles to my website. I don't want to insert it as a graphic/image file. So I've been trying to achieve it using CSS3, but I can't really work my fingers around it. What will it look like? I have uploaded a picture of what I'm trying to achieve at: www.sp34k.com/etc/circles.jpg I can't really show the code I've been trying to use to achieve this, as it all looks totally weird and nothing floats currectly. What I've tried What I've tried is to make 3 circles with position absolute and then use % (percentage) to determine the width of the colored parts, but I can't twist my mind around how it should be set up. Any suggestions is appreciated, Mike
Here is a simple try of me to achieve the effect you want: DEMO edit: css-only solution It can be easily animated with javascript or keyframes. Arbitrary content would go into the inner div. To change the percentage, simply adjust the angle of the pseudo-elements. With a little more effort this could be easily refined I guess;) Note: the transform has the webkit-prefix, so it works only in chrome/safari - to see it in firefox or other browsers, you need to change the prefix. P.S. I will animate it when I'm home from work.
Good one by Christoph but he is using SASS/SCSS which are comparatively slow then normal CSS because they have to be converted to CSS before browser render it so I have have a different Solution for you try this fiddle
Map: mix regions and markers
I need to display both color coded states and cities on a US map. Is this possible with Google geocharts? http://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options Basically what I'm looking for is a way to mix the regions and markers display modes. If not, any alternate options to achieve this?
I also answered a similar question here, but here it goes again:
Regions and Markers wont work at the same time. So if you want to color the background of the states, using markers mode, you can do it with CSS.
I'm documenting some examples for a Wordpress plugin i developed here: http://cmoreira.net/interactive-world-maps-demo/advanced-customization/
Check the last example. It's not easy, since you have to find which child path number you want to color, and then you can do it. Example:
#visualization path:nth-child(5) {
fill:#cccccc;
}
Here's an example, forkerd from another user, with the CSS above: http://jsfiddle.net/cmoreira/Jqkjg/
Hope it helps!
No, this is impossible with GeoCharts. I would recommend you to try jVectorMap library for that.
Google Charts API Z-index
Given: http://chart.apis.google.com/chart?chxr=0,0,21|1,0,320&chxt=x,y&chs=600x500&cht=s&chco=c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0&chd=t:5,5,5,5,10,5,5,5,5,10,19,29,14,14,24,62,24,5,19,10,10,24,10,14,10,29,14,24,100,14,10,10,19,24,52,14,24,43,29,14,24,24,10,19,29,24,19,29,10,38,5,5,5,24,10,10,24,52,14,14,14,10,10,5,19,10,5,14,14,10,14,19,14,19,10,5,5,10,10,10,10,24,10,5,5,5,5,10,14,24,5,5,10,5,14,14,5,5,14,5,29,10,14,5,14,10,62,10,10,19,5,5|3,2,4,4,4,10,4,10,5,100,24,56,52,69,52,75,42,29,41,35,25,35,53,45,52,75,51,75,100,53,29,75,32,83,100,62,83,100,38,29,56,62,42,62,29,39,53,32,32,48,43,20,28,37,41,27,34,43,41,17,37,17,42,22,59,24,23,47,23,43,19,50,50,47,44,43,42,42,40,40,38,37,35,35,35,35,34,34,34,33,29,26,23,22,24,35,16,20,29,25,25,21,11,16,21,23,16,20,15,22,16,23 Which produces: I'm having trouble forcing the black dots to the top, does anyone know how I can achieve this?
Move black dots to the end: http://chart.apis.google.com/chart?chxr=0,0,21|1,0,320&chxt=x,y&chs=600x500&cht=s&chco=c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|c0c0c0|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000|000000&chd=t:5,5,5,5,10,5,5,5,5,10,19,29,14,14,24,62,24,5,19,10,10,24,10,14,10,29,14,24,100,14,10,10,19,24,52,14,24,43,29,14,24,24,10,19,29,24,19,10,5,19,10,5,14,14,10,14,19,14,19,10,5,5,10,10,10,10,24,10,5,5,5,5,10,14,24,5,5,10,5,14,14,5,5,14,5,29,10,14,5,14,10,62,10,10,19,5,5,29,10,38,5,5,5,24,10,10,24,52,14,14,14,10|3,2,4,4,4,10,4,10,5,100,24,56,52,69,52,75,42,29,41,35,25,35,53,45,52,75,51,75,100,53,29,75,32,83,100,62,83,100,38,29,56,62,42,62,29,39,53,42,22,59,24,23,47,23,43,19,50,50,47,44,43,42,42,40,40,38,37,35,35,35,35,34,34,34,33,29,26,23,22,24,35,16,20,29,25,25,21,11,16,21,23,16,20,15,22,16,23,32,32,48,43,20,28,37,41,27,34,43,41,17,37,17 EDIT: BTW: There is no z-index for chd based on goolge's documentation
Have you tried debugging using the Chart Wizard? It seems your black data points are located in the middle of your supplied data. Move them to the start/finish and see if that helps.