with HighCharts 3, on touch devices, we can't anymore make the tooltip follow the touch.
But I've seen about the new option Tooltip.followPointer.
The aim is to get back the behaviour of Highcharts 2 by disabling panning and making the tooltip follow the touch, on touch devices like :
chart: {
panning: false,
},
tooltip: {
crosshairs: true,
followPointer: true
},
But it does not seem to work..
Demo : http://jsfiddle.net/jpFgq/1/
Seems to be fixed by now, with the creation of a new parameter : 'followTouchMove'
chart: {
panning: false,
},
tooltip: {
crosshairs: true,
followPointer: true,
followTouchMove: true
},
Here's the updated JSFiddle. Works fine on the ipad.
Related
I'm using #material-table/core version 0.2.32. Here is my option prop of the MaterialTable.
options={{
toolbarButtonAlignment: "left",
showTextRowsSelected: true,
search: false,
paging: false,
showTitle: false,
toolbar: true,
selection: true,
exportAllData: false,
exportMenu: [
{
label: t("Alarms.Export.CSV"),
exportFunc: (cols, renderedData, tableData) =>
ExportCsv(cols, tableData.filteredData, t("Alarms")),
},
{
label: t("Alarms.Export.PDF"),
exportFunc: (cols, renderedData, tableData) =>
ExportPdf(cols, tableData.filteredData, t("Alarms")),
},
],
}}
The select rows banner overlaps/hides the export icon in the toolbar. Same behavior with custom ToolBar component too. I can't find the class of the selected rows banner to apply custom styling too. Any workaround would be of great help.
I need to use the select state in a Treemap to change the color of the selected area (it works well for other charts like pie charts, bubble charts...). But the state seems to not be taken into account.
The demo is here : https://jsfiddle.net/vegaelce/0xuqvrg3/
I tried to use the settings described in the documentation (I tried "color" and "marker/fillColor") :
plotOptions: {
series: {
allowPointSelect: true,
states: {
hover: {
color: "#ff0000",
marker: {
fillColor: "#ff0000"
}
},
select: {
color: "#0000ff",
marker: {
fillColor: "#0000ff"
}
}
},
But no success... Any idea to achieve that please ?
Thanks in advance
I'm using leaflet-draw to draw and edit layers with the following configuration.
window.drawnItems = new L.FeatureGroup().addTo(map);
var options = {
position: 'topleft',
edit: {
featureGroup: window.drawnItems
},
draw: {
polyline: {
shapeOptions: {
color: '#f357a1',
weight: 10
},
guideLayers: guideLayers,
},
polygon: {
allowIntersection: false, // Restricts shapes to simple polygons
drawError: {
color: '#e1e100',
message: 'You can\'t draw that!'
},
shapeOptions: {
color: '#bada55'
},
guideLayers: guideLayers,
},
marker: {
guideLayers: guideLayers,
snapVertices: false
},
rectangle: false,
circle: false,
circlemarker: false,
}
};
map.addControl(new L.Control.Draw(options));
With this it's absolutely fine to add new features but when i'm trying to edit it, I mean change feature's geometry, when i'm dragging the handle (the white box) i'm moving the hole map instead of feature. So it seems like something prevents plugin's normal work.
i'm also using
leaflet Snap "0.0.3"
leaflet": "^0.7.7",
leaflet-geometryutil": "*"
leaflet-draw": "^0.3.2"
I am using more than one pie chart from amCharts on a single page, when the page is loading the animation is not working, and I want it to work. Below is my code which is used to render chart.
var Piechart132 = AmCharts.makeChart('div132', {
labelsEnabled: false,
autoMargins: false,
marginTop: 0,
marginBottom: 0,
marginLeft: 0,
marginRight: 0,
pullOutRadius: 0,
type: 'pie',
theme: 'dark',
dataProvider: [
{ country: 'Banking', litres: 300000000 },
{ country: 'Carpenter', litres: 349500000000 },
{ country: 'Doctor', litres: 433650000000 },
{ country: 'Gas', litres: 108326000000 },
{ country: 'Mechanic', litres: 366450000000 }
],
outlineThickness: 1,
outlineAlpha: 1,
legend: { enabled: true, valueText : '' },
outlineColor: undefined,
titles: [{ text: 'Industry wise Exposure' }],
valueField: 'litres',
titleField: 'country',
balloon: { fixedPosition: true }
});
One more than I want to mention that same code when I execute on Fiddle, it is working fine, it might be possible that there is any other conflict but I can't find it anyway. I've even tried to insert startDuration and set its value to20` so that at least I can see what the problem is but still nothing.
The pie charts definitely do animate when multiple charts are on the same page, however they might all bog down the browser if they're all initialized at once, leading to a choppy experience where the animation runs too quickly or are so choppy that they appear to not work. You may want to consider a lazy-loading technique in which you use each chart's init event to initialize the next chart after a delay, or the lazy load techniques described in the AmCharts knowledge base links below:
https://www.amcharts.com/kbase/lazy-loading-120-charts-page/
https://www.amcharts.com/kbase/make-the-charts-lazy-initialize-only-when-they-scroll-into-view/
I am using sap.m.TileContainer to show tiles,
var tileContainer = new sap.m.TileContainer({
tiles: {
path: "/Buttons",
template: new sap.m.StandardTile({
title : "{name}",
visible : "{active}"
})
}
});
My odata service:-
{
d: [
{
__metadata: {
id: "http://host/Service.svc/Buttons(2)",
},
ID: 2,
DisplayName: "Work",
Active: true
},
{
__metadata: {
id: "http://host/Service.svc/Buttons(3)",
},
ID: 3,
DisplayName: "In",
Active: true
}
]
}
working fine.
Now when I changed the Active in OData model of 1st tile to false, I don't get any tiles on the UI.
Error as -
Uncaught TypeError: Cannot read property '$' of undefined
Again I tried changing the 2nd tile Active to false and 1st one to true, which working fine, showing the 1st tile and hiding the 2nd one.
Please help, Thank you
Added Version And error msg-
SAPUI5 Version 1.34.8,
Core Version 1.34.8 (built at 20160226-0945, last change )