I would like to change the route width of a calculated route. Using Skobblers SKMaps Framework.
I've successfully used this thread (How to change the color of the route in Skobbler) to change the route color, but if I change the width in the daystyle.json nothing seems to change. I tried all kinds of values (1.0, 1.9, 2.5, 10.0, 100.0) but the width remains the same. No matter if the map is in navigation mode or not.
The id for the route is 0. You need to change the width values for the 0 attribute. In this example the width is set to 2.0 for the zoom level 4:
{
"id" : "0.4",
"isattribute" : true,
"line" :
{
"fill" :
{
"color" : "FF0000",
"width" : 2.0
},
"outline" :
{
"color" : "0080FF",
"width" : 1.0
},
}
},
Related
I would like the bubble's color have different colors according to their value from 2 colors range (lightest is low value and darkest is higher value).
I used the colors array like this:
colors: ['#69ADC7', '#4F4899']
fiddle here
But still I get only 1 color for al bubbles.
Any ideas please?
You are using object in data so you must define the color for each object :
...
{
x: 74.2,
y: 68.5,
z: 141.5,
name: 'FR',
country: 'France',
color:'#4F4899'
}
...
Edit
Add this code :
plotOptions: {
series:{
colorByPoint:true
}
},
Updated Fiddle - Api link
This is the code for 3D Scatter Chart:
frame : {
bottom : {
size : 3,
color : 'rgba(32,1,0,0.44)'
},
back : {
size : 5,
color : 'rgba(0,0,0,0.44)'
},
side : {
size : 5,
color : 'rgba(0,0,0,0.2)'
}
},
Is it possible to add one more side to the frame? For example:
frame : {
bottom : {
size : 3,
color : 'rgba(32,1,0,0.44)'
},
back : {
size : 5,
color : 'rgba(0,0,0,0.44)'
},
side : {
size : 5,
color : 'rgba(0,0,0,0.2)'
},
top : {
size : 3,
color : 'rgba(32,1,0,0.44)'
}
},
I have added colors on each side, but I want to add color on top as-well. Is this possible?
It's not really possible.
According to the documentation, frame has only three properties:
back
bottom
side
what if i want to display the input box ABOVE the slider at the centre??
In the image provided, we can see that the input box is overlapping the slider & also the input box's top right & bottom right corner doesn't have border radius.
Is it possible to do these customization?
Demo: http://jsfiddle.net/EWQ6n/572/
i did this by doing
$(".ui-slider-input").wrap($('<div />').css({
position : 'relative',
display : 'inline-block',
height : '36px',
width : '45px',
overflow : 'hidden'
top : '2%',
left : '30%'
}));
The top (top : '2%') dosent like percentages so use pixels. Also the height and width had a problem that's why the border was not there. My screen is wide and the box is centered so adjust the (left : '46%') percentage to get it centered if its not.
I did a Demo for you.
http://jsfiddle.net/k7XAj/4/
Code
$(".ui-slider-input").wrap($('<div />').css({
position : 'relative',
display : 'inline-block',
height : '40px',
width : '70px',
overflow : 'hidden',
top : '-30px',
left : '46%'
}));
Wraping input element and slider will get you better results in different browser sizes
demo: http://jsfiddle.net/EWQ6n/574/
$(".ui-slider-input").each(function(){
$(this).css({
position : 'absolute',
top : '2%',
left : '30%',
marginLeft: '-10px'
})
.add($(this).next()).wrapAll($('<div />').css({
position : 'relative',
paddingTop: '40px'
}))
});
Thanks for your Replies.
Actually I wanted to get rid of those up-down arrows from the text box. Finally found the solution.
I just hid the text box that comes along with the slider, & inserted a new text box whose value changes as we move the slider.
<input id="txtvalBox" type="text" value="" />
$("#points").change(function () {
document.getElementById("txtvalBox").value = document.getElementById("points").value;
});
//points is the id of the slider
See This
http:http://jsfiddle.net/Gk_999/mxzu5Ld3/
is it possible to show only number pad with decimal in ipad.
i have used this code and i am getting correct in iphone but not in ipad Why?
Here is my textfield.
var enterValuetextfield = Titanium.UI.createTextField({
value : 'Enter Value',
width : osname == 'ipad' ? '50%' : '90%',
backgroundColor : '#32302D',
color : 'white',
borderRadius : 10,
keyboardToolbarHeight : 30,
paddingLeft:10,
borderColor : "#AEB0B2",
height : osname == 'ipad' ? 60 : 50,
keyboardToolbar : [send],
keyboardType : Ti.UI.KEYBOARD_DECIMAL_PAD,
});
I think working fully fine.Arent you seeing this type of keyboard
https://www.dropbox.com/s/7edgljl2z40tfs0/iOS%20Simulator%20Screen%20shot%20Apr%2012%2C%202014%2010.34.23%20PM.png
Thanks
I am using highcharts to perform sensor graphing for basic temperatures, or things of that nature. The issue is I have the current default view set at 3 days, but at that view it distorts the y axis data values.
For example, if the majority of the data is 1.5 but there is a value of 10 also, in the three day view the y axis is only showing a range up to 3 or 4. It shows the spike in the actual line graph however when you hover over the point the value is 3 or 4 instead of 10. However, if I shrink the view to 2 hours, the data gets displayed properly and the value then returns to 10 and the y axis accomodates the 10 value.
Also I am having issues with the data being rounded down constantly it seems, since the values should be a steady 1.5 it is constantly being rounded down to 1.
Any help will be appreciated and I will be around the computer all day to answer any questions that someone might have about this issue.
$.getJSON('mkjson.php?device=<?echo $device_name;?>&sensor=<?echo $sensor_name;?>&pin=<?echo $pin;?>&user=<?echo $_SESSION['user'];?>', function(data) {
// Create the chart
window.chart = new Highcharts.StockChart({
chart : {
renderTo : 'container',
zoomType: 'x'
},
rangeSelector : {
selected : 1
},
title : {
text : 'Device:<?echo $device_name;?>'
},
subtitle : {
text : 'Sensor:<?echo $sensor_name;?>'
},
xAxis : {
minRange: 600 * 1000 // one hour
},
yAxis : {
title : {
text : '<?echo $unit;?>'
}
},
rangeSelector : {
buttons : [{
type : 'minute',
count : 10,
text : '10m'
}, {
type : 'hour',
count : 1,
text : '1H'
}, {
type : 'day',
count : 1,
text : '1D'
},
{
type : 'day',
count : 3,
text : '3D'
}],
selected : 3,
inputEnabled : false
},
series : [{
name : 'Voltage',
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});
This is the example of how the data is skewed. The high points to the right are 10, and 13 yet they show up at only 3.
Have a look at dataGrouping as it lets you determine how to group or to have it off completely. It defaults to enabled.
Have you tried to use numberFormat() http://api.highcharts.com/highstock#highcharts.numberFormat()
I've been burned by the auto-rounding; the chart does some sort of value rounding for its internal representation of points.
I only have a workaround - I got around it by storing the data points in a separate array and referencing THAT in the tooltip function.
As of note, if you're using column data and don't turn data grouping off, the chart will round your X values too.