I want a Progress Bar that will display my current sales in comparison to the target. I found a similar tutorial and followed it exactly
This is the tutorial I followed :
https://profusion.com/insights/custom-bar-charts-in-sisense-blox-with-diego-cordero/
I have watched the youtube video for the same and used the exact code snippet from this blog. I am unable to get the progress bar configured correctly after trying several times. The purple tooltip is pointing before the progress bar even starts and seems static. Below is a screenshot for reference.
Please let me know what I am doing wrong and how to correct it.
I faced the same issue.
There is some inconsistency in formatting the percentage value.
Here's the workaround that fixed it for me:
Change {panel:percentage} reference to {panel:percentage}% in the script and in the "percentage" field in the panel, multiply the value by 100 (so that instead of 0.21, You will have 21, for example)
Then it should display the values correctly :)
Related
There is a image upload functionality in my vuejs application.
The image upload works good and the uploaded recorded is also displayed.
But this recently added record get displayed at last in my list. On page refresh it appears at top.
I want to show the recently uploaded image at top as soon as after successful upload.
I have been trying really hard for this since 2 days and couldn't find the solution.
Please help. Vuejs version is 2
basically if I'm correct what you want is to push new images to the images array, for this just use unshift()
something like this
this.images.unshift('url_or_info_of_the_new_image')
Here, you do have an example of code showing you how you could achieve this.
https://codesandbox.io/s/gracious-tree-nig54?file=/src/App.vue
Essentially, the most interesting part is this.initialArray = [this.newValue, ...this.initialArray].
Also, depends on what you've tried until now but keep in mind the few caveats JavaScript does have with VueJS v2: https://v2.vuejs.org/v2/guide/reactivity.html#For-Arrays
first of all, I'd like to point out that I already checked this SO Question and, sadly, it didn't solve my problem.
My issue is as follows:
I need to display charts with, sometimes, up to 5 times 100 000 points and for that I decided to use HighStock (it is not my only reason, but let's not get off topic already).
Everything works fine except for one (not so little) detail: if I try to click and drag on the chart with my mouse (for zooming or panning), the whole page crashes, or at least stops responding for 30+ seconds. And that is weird because I don't face this problem if I zoom/'pan' using the timeline below the chart.
Here is a JSFiddle showing what I mean (comment the line 40 in order to reproduce the issue).
chart: {
/* panning: false */
}
Because of that, I also tried using HighCharts and there I have no issue (other than the graph not looking as good... but that's because I almost didn't configure anything).
After doing some testing, I noticed that disabling the panning solves my problem.
chart: {
panning: false
}
But then, the only way to move/zoom the chart is by using the timeline which, even if it is not that big of a deal, can be annoying when using a phone (if you go in landscape mode in order to see more of the chart, because my website isn't just displaying a chart alone, it becomes kinda impractical).
tl;dr:
I have the solution but I'd like to know if it's a know issue, the solution, the reason for that behavior.
Should I mark my question as "I answer my own question" ?, in the end I'm still not sure why it it happening, all I know is a fix
All of a sudden yesterday 3/4/2014 my MarkerWithLabel (Google map API application) is only showing the last marker but the labels all show up. It had been working just fine. The Google Example at: https://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0.1/examples/basic.html is not working at all and I based my code on this example that used to work just fine.
In link below I placed 2 markers with labels on a map. Only marker 2 displays while both labels display. Reversing the markers causes marker 2 to display but not marker 1. Both labels display.
What changed or what am I doing wrong?
You can see my problem first hand at http://qsomap.org/QSOmapProduction/labeltest.htm . This was working correctly 2 days ago.
It appears as if the latest google maps update broke something that markerwithlabel code relies on. The same thing happend to some of my maps. We'll have to wait until a fix is available.
The current solution is to set the google maps API version to 3.15 or lower:
https://code.google.com/p/google-maps-utility-library-v3/issues/detail?id=296&sort=-id&colspec=ID%20Type%20Status%20Priority%20Fixed%20Owner%20Summary%20Stars
Using ...maps.google.com/maps/api/js?sensor=false&v=3.15 works
Using ...maps.google.com/maps/api/js?sensor=false&v=3.16 goes wrong
Using ...maps.google.com/maps/api/js?sensor=false goes wrong as well
The most recent Google API update (4th APR 2018) has broken my version of MarkerWithLabel. I have not yet tested MarkerWithLabel 1.9.1, but it is still the current and most recent update (I was on an older build). Here is a link to the latest version:
https://github.com/googlemaps/v3-utility-library/tree/master/markerwithlabel
I have reverted to an older version by including &v=3.31 in the URL and this has restored functionality, many thanks to #Mikrohard for the tip.
I'm not moving until I've investigated if the update has broken other libraries such as map clusters.
I am developing Sencha Touch 2 app, using the sdk version Sencha-touch-gpl 2.2.1. I am facing a very peculiar issue, I have a navigation view, in which the first view is a List Screen on itemdisclosure of individual item in the list the Detail Screen is displayed. The Detail screen comprises of fieldset & another list within a panel.
Until yesterday the app was working perfectly fine. Now I am facing an issue,
1) The toolbar Title is now not getting displayed, it shows for fraction of secs and then disappears (No code change is done and it was working perfectly fine a day before).
2)The List screen displays properly, on itemDisclosure, in the detail screen the FieldSet is not getting displayed but the list in the detail screen is getting displayed perfectly fine.
I was populating the Detail screen with the record from the selected list item, I use the following code on itemdisclosure
showDetail : function(list, record) {
this.getMain().push({
xtype : 'ticketdetail',
data : record,
});
record holds the value, I have checked it via printing the ticketid on Console.
I have tried the following things,
Cleared browser cache
Generated another workspace, copied the project and run the project from there.
Used older version of the code in which these issues were not there
NONE OF Them worked :(
Has anyone faced this kind of issue or anyone has any suggestion. Please help!
Regards,
P
This looks like the problem caused by the auto-update to Chrome 29. See the fix here: http://www.sencha.com/forum/announcement.php?f=90&a=43
i am using Google Fusion Tables and Google Maps to display geographical data (e.g. markers). My map needs to have a legend, for example by inserting a div on top of the map and the layer. As i am not used to work with API of any kind, i got stuck with this legend problem.
I tried several example codes (most of them provided by google), but none worked for me. I guess that the problem of displaying divs on a map has got something to do with either the styling of the map canvas, the div implementation within the body of the html document or with the framework used (google appengine). But this is just guessing. As i am not a professional with coding, i maybe missed a important point. Maybe the folks here can help me out?
Every hint is appreciated. Thanks.
You can have a look at the code and my example [here (deleted)]. There example includes a code which should display a div, but it doesn't. I've taken it from here (Stackoverflow).
The code you're using is v2 of the Maps API. You'll want to use code that works with v3 of the Maps API, since that is the version you're using on your site.
Have you tried the sample code here?
https://developers.google.com/fusiontables/docs/samples/legend
Copy and paste the legend code from this example into your initialize method, remove the old legend code. If this doesn't work, let me know.