Requirement to show graph with In/out time of an employee in highcharts - highcharts

How we can maintain two series(in/out) for single employee and with two different symbols and single legend in highcharts.
How we can maintain two series(in/out) for single employee and with two different symbols and single legend in highcharts.

Related

Highchart Scatter Series must appear in front of the column series, but if it contains more than 5k records, it appears at the back of column series

Chart as three columns series with stacking on top and one scatter series with over 5k records. So, in the front view, we need to see the scatter first, followed by the subsequent column series. It works perfectly with less than 5k records, but if there are more than 5k, the columns chart falls back.
Demo
Expecting Series must appear in front of the column series
For large amounts of data you can use Highcharts Boost module, add to this script to your project:
<script src="https://code.highcharts.com/modules/boost.js"></script>
Blog article explain how to work with boost module:
https://www.highcharts.com/docs/advanced-chart-features/boost-module

Highcharts multiple stock series tooltip show

I have a question about several stock charts.
Put the series data into an array by name.
Hovering over the chart shows only one data.
I am curious how to make several together.
My code is here:
https://jsfiddle.net/HongRaeCho/rxpjy7nu/

Highcharts cloud issue with data source when duplicating chart

I'm fairly new to highcharts cloud and am trying to replicate a bunch of charts that are styled the same but have different data connections with Google Sheets. I've created a base chart and then replicated it a bunch of times for the other charts I need using the DUPLICATE button, then simply change the Google Sheets ID to a different one.
The trouble is that whenever I update the ID in the newly created chart, it also updates the ID in the chart I duplicated from - and for all other charts that I've duplicated from. So I end up with a bunch of charts that reference to the single sheet rather than individual sheets. Is this something that's known?
Let me explain what happens when you duplicate a chart. If the master chart contains some data then duplicating a chart does not create new information about that data. This means both charts, master and duplicated, are linked to the same dataset. If you change anything in data in master chart, then duplicated charts will inherit those changes too. The same will happen if you make changes in data in the duplicated chart - it will affect master chart.
To use the same colors and formatting across your different charts, please use Themes: https://cloud.highcharts.com/docs/#/themes

How to make a stacked bars chart using a single dataset with TDBChart VCL Teechart component?

I would like to create a stacked bars chart with TDBChart using a single dataset.
As far as i can see if I use TDBChart as i choose a stacked chart 2 series are added.
This component seems good to create stacked charts from many datasets, in which each dataset contains data of a specific type.
I make an example to clarify:
let's say I have a dataset (dtsSalesAllCountries) with the following info:
country
year
total_sales
in this way in principle i could plot a stacked bars chart in which I see bar per year and the total_sales for each country are stacked.
But TDBChart does this through series, so to perform my result i am currently forced to create one series per country (sqlFranceSales, sqlItalysales, sqlIndiaSales, ...)
This is quite unconvenient, each time i sell to a new country i must add a dataset. This is how it looks like with this implementation:
Please note I need to use TDBChart since I use ReportBuilder/TeeChart integration, that is based on TDBChart.
In fact what i am looking for is a pivot chart, that is not available in the Report Builder/TeeChart integration.
Is there a way with TDBCHart to achieve the stacked bars sales chart i am trying to implement using a single dataset and not one dataset per series?
For TChart itself you would configure the Data Source for the Series as a CrossTab. The extra series will then be created for you. Not sure if it can be done with TCharts embedded in ReportBuilder reports.
With source data from SQL Server:
SELECT * FROM (VALUES ('CA',2012,2500),('US',2012,5600)
,('CA',2013,3000),('US',2013,7000)
,('CA',2014,2600),('US',2014,8000))
AS A(Country,Year,Sales)
Produces:

Waterfall with two series using Highcharts

I'm trying to set two Waterfall series using Highcharts in the same chart, I have only see one serie in this type of chart in Highcharts samples. I have manipulate the data to be an array but still not working.
I mean two independent waterfall series (one next to each other no-stacked) , like column chart. Like this one (http://img854.imageshack.us/img854/6886/qghm.png)

Resources