I've got a requirement to install people's faces on the Y-Axis of a bar chart. Is it possible to install a custom image in place of the axis label? Ideally the solution would enable border-radius, border-style, and image URL properties.
Bonus points if you can point me towards documentation for enabling image-axis-label click & mouseover events!
There is an example of using images as labels here:
https://www.rgraph.net/demos/bar-images-as-labels.html
But keep in mind that they're not DOM objects - ie you can't style them with CSS on add mouseover events to them (at least not in the standard way). You could add a mouseover using RGraph though.
Related
I'd like to add custom markers with text labels on my map. I can use MapViewPins for this, but they "tremble" when map is being moved. Even one MapViewPin behaves like this in official Here example, so it is probably not an optimization issue.
When i load PNG image and use it as a MapMarker, it works perfectly. But i don't know how to add text to a marker.
I am using Here SDK for Flutter (Navigate Edition) 4.12.4.0 with Flutter 3.3.2
GIF below is an example. Cyan circles are MapMarkers, markers with icons and label are MapViewPins. Is there any solution to this problem?
Unfortunately, the MapViewPins, being widgets embedded in the MapView surface, need to be relocated to the fixed coordinates every time the map is interacted with by gestures, which is why you notice this "strange" behavior.
However, what you mention about using MapMarkers would be the best solution but in this case instead of using PNG files, you could use SVG files in which you enter the text you want to display.
There is currently no other way available to do what you mention using the HERE SDK (Navigate Edition).
Here is a link to our most up-to-date HERE SDK (Navigate Edition) documentation: https://developer.here.com/documentation/flutter-sdk-navigate/dev_guide/index.html
I would like to know if there is anyway to add a tool-tip while hovering over an annotation or a drawing using stock charts i anychart.
for example, if i draw a rectangle, i would like to show a tool-tip to with the values of the rectangle(start and end dates, and upper and lower price).
if there aren't any built-in functions to do so, are there any event listeners for hovering over an annotation? then maybe when the event of hovering the mouse-in i could create an html element and then hide it on the even of mouse-out.
another solution might be by creating labels on the xAxis and on the yAxis. but i could not find anything to add labels in a specific location.
any suggestion is appreciated.
Unfortunately, the current version of the library 8.7.0 doesn't support tooltip or events to implement custom interactivity with Stock chart annotations.
If you want to add labels on the axes, you can use text axis markers. The article is about basic charts, but it will work for Stock charts. The difference is that you should call API not from a chart, but from Stock chart plot.
For example chart.textMarker() should be replaced with chart.plot(0).textMarker(), and that's it.
In a map application based on Leaflet, I would like to have a large application menu, kind of a settings menu. I managed to put a nice button into the top right corner as a L.Control and it gets fired on a click.
The menu should position either to the left of the menu button or simply in the middle of the screen.
I am wondering whether it is best practice to use
a Popup,
a Layer,
another Control or
just position a at the right place on the page.
Trying the latter, I found that I have to set z-index to a very high value to see it, and it feels a bit odd not to use the Leafleat features.
What would be the "right" solution to use with Leaflet?
If you want a full screen map, you can use https://github.com/Turbo87/leaflet-sidebar
I use it here: http://franceimage.github.io/map
You can create a nice customized icons based toolbar using Leaflet easybutton plugin.
You will have all the leaflet based controls (Click, hover, position etc.) to set that up as per your requirements.
Here are the implementation examples:
http://danielmontague.com/projects/easyButton.js/v1/examples/
and github repo: https://github.com/CliffCloud/Leaflet.EasyButton
I have a background image for my bubble chart in SSRS (2008).
On the Design tab, the background image stays behind the bubble chart.
When I run the report (preview), the background image appears below the bubble chart - not behind it. I've set the background image as 'Send to Back'.
I assumed it should always stay as back of bubble chart.
How do I ensure that it stays fixed behind the bubble chart?
From the bubble chart graph, I have no option of filling the background with the embedded image.
According to this SSRS documentation, overlapping report items are not supported in preview mode, nor are they supported in HTML, Word, Excel, and several other important export formats. They are, however, supported in .pdf, and I've tested this to make sure that it works - even when the preview bumps the items so that they do not overlap, an exported .pdf will show them overlapping. So depending on the format you need, having overlapping report items may or may not be possible. If it is not possible for your required format, start looking into alternatives, like cropping your image into four separate images that surround your chart, and then keeping the chart as a fixed size in your report.
Oh, and I'm not sure what you mean by saying "From the bubble chart graph, I have no option of filling the background with the embedded image," if you are saying it won't work for your design purposes, that's fine. But I am able to set a background image in a bubble chart using the Fill section of the properties tab for the bubble chart to select a background image.
Edit: I am using Visual Studio 2008 as well. The properties window for the bubble chart looks like this:
Since it sounds like you already have the image you want uploaded to your project, you can choose "Embedded" for your source and then find the image in the Value dropdown.
Kind of hard to describe, but I'm talking about the 'base' (not sure what else to call it) where the actual bars come out of. I see no way to hide it in the properties (or change how it looks).
Is there any way to hide this, or at least change its appearance? I've circled what I'm talking about in the image below:
Use 'showCanvasBase' attribute of the element to disable canvas base.
For ex-
<chart showCanvasBase='0' >
For more information on properties of the chart canvas, refer-
http://docs.fusioncharts.com/charts/contents/ChartSS/StackedBar3D.html#Anchor3