Display Current Day,Week,Month Data on Gantt chart By Clicking on Button

[jedrzej.r]

In order to get updated values, you might include exporting and export-data modules, then by using chart.getCSV method you can retrieve updated data and integrate it with your data-management tool.

Demo: https://jsfiddle.net/BlackLabel/307w2zne/

References:
https://www.highcharts.com/docs/export- ... e-overview
https://api.highcharts.com/highcharts/exporting.csv

Let me know if that was what you were looking for!
Best regards!

[kanti]

Thanks for all support ...

Last issue facing gantt chart is timezone issue , if i am added timezone in chart on the month view last week sat and week name not showing smoetimes.

Missing sometimes x-axies lables in highchart gantt.

Can you please help ..

[jedrzej.r]

I've tried to reproduce this issue with the timezone set to 'Asia/Seoul' but to no avail. Could you please update below example with your config, so that I can investigate it further?

Demo: https://jsfiddle.net/BlackLabel/2hyLxk46/

API:
https://api.highcharts.com/gantt/time.timezone

I'm waiting for your reply!
Best regards!

[kanti]

Hii..

I want to display Current Day with 24hours on the x-axies if click Day button from exporting.
Currently i am able see current day with 24 hours when click on the day but on month view sunday getting missing sometimes.

code: https://jsfiddle.net/jw23n68k/1/

Thanks

[jedrzej.r]

After futher digging into the config, I was able to find what is causing the issue. It seems that when switching to month view, the time.useUTC set to false is causing some x-axis labels to disappear. When setting it to true, the labels appear as they should. Also, if you set the redraw argument to false in xAxis.setExtremes method, and then invoke chart.redraw method, it seems to render labels correctly

Demo with useUTC set to false: https://jsfiddle.net/BlackLabel/ne0Lq1ab/

Demo with chart.redraw(): https://jsfiddle.net/BlackLabel/7ab196un/

API:
https://api.highcharts.com/class-refere ... etExtremes
https://api.highcharts.com/class-refere ... art#redraw

Let me know if that was what you were looking for!
Best regards!

[kanti]

Thank you so much ...
this.redraw(); work for me ...




Thanks for all
kanti

[kanti]

One issue i have at the time of dragging the shift record on any resource (y-axies) start time date time and end date time getting vary (change) .
i have event the update the default date time value on it ..but want do not vary the start date time and end date time when dragging the shift record on y-axies (it is stay what is actual date time)





thanks

[jedrzej.r]

Understood, if that is an issue, then I'd reccomend disabling draggableX property. This way, the start and end values of a task won't change when changing it's y-axis position.

Demo with draggableX disabled: https://jsfiddle.net/BlackLabel/7kgmwp8d/

Other way around would be by setting the dragPrecisionX property to a bigger interval, e.g. 1 hour, so that when changing the position of the task on y-axis, the point will stay the same if moved up or down vertically.

Demo with dragPrecisionX: https://jsfiddle.net/BlackLabel/1x7a9L0q/

API:
https://api.highcharts.com/gantt/plotOp ... draggableX
https://api.highcharts.com/gantt/plotOp ... PrecisionX

Let me know which solution suits your needs!
Best regards!

[kanti]

Thanks for support

dragPrecisionX work for me




Thanks

[kanti]

Hii ..one issue i have can we set time on the gantt chart of 12hours and also on the bars of shift records ......time should be show like on bar like (eg . start 10AM end 5PM)





thnaks

[jedrzej.r]

In order to do so, you can set a proper dateTimeLabelFormats property on tooltip and x-axis labels.

Demo: https://jsfiddle.net/BlackLabel/453jzeLm/

API:
https://api.highcharts.com/gantt/xAxis. ... belFormats
https://api.highcharts.com/gantt/toolti ... belFormats
https://api.highcharts.com/class-refere ... dateFormat

Let me know if that was what you were looking for!
Best regards!

[kanti]

Hii.... one issue i am facing in Week view day of Wednesday showing Wed i want show it with full name .
and second issue i want show in Week view on the first x-axies show the current week (eg, Week 38 ) and below that all weekday




Code: https://jsfiddle.net/gv9ts6bd/1/

[jedrzej.r]

Hi!

As mentioned previously, the dateTimeLabelFormats property allows you to override displayed format on the x-axis. You can override these properties by reffering to the API default object. Note that overriding this might result in some of the labels being cut, because of not enough space for them to render.

Demo: https://jsfiddle.net/BlackLabel/8L0np91z/

API: https://api.highcharts.com/gantt/xAxis. ... belFormats

Best regards!

[kanti]

Hii.... Is there any way to delete the Selected record from highchart gantt ,

Ia want to Delete shift record (Bar) when user user select the particular record bar on chart after selected then click on delete button record should deleted from chart as well as database of salesforce.
code is same as previous question.



Thanks

[jedrzej.r]

Hi!

In order to delete a particular selected point, you first need to set allowPointSelect property to true, and then, on point click event pass the reference of this point to the chart object, so that when clicking delete button, you can remove it.

Demo: https://jsfiddle.net/BlackLabel/h7cwLq9r/

API:
https://api.highcharts.com/gantt/plotOp ... ointSelect
https://api.highcharts.com/gantt/plotOp ... ents.click
https://api.highcharts.com/class-refere ... int#remove

In this forum as well as among all support channels, we pursue to provide answers to all kind of questions regarding Highcharts products, but we aren't able to suplly custom solutions, like with Salesforce database update.

In case of any other questions related to Highcharts, feel free to ask anytime.
Best regards!