or
0 answers
7 views
Hi,
I have a chart with multiple lines with numerical values. I also have a navigator themed selection pane, which works fine by now.
I would like to have Dates in various formats (depending on the zoom in level of the navigation) on the x axis.
I chose a line chart as suggested (because of the date / time x axis) instead of a scatterLineChart.
Until now I store testing data in an array of Series like so:
series: Series[] = [
{
name: 'Series 1',
type: 'line',
data: [
3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.89, 8.238, 9.552, 6.855,
],
color: '#058dc7',
},
{
type: 'line',
name: 'Series 3',
data: [
4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3,
],
markers: { type: 'square' },
color: '#50b432',
},
{
name: 'Series 3',
type: 'line',
data: [
5.743, 8.295, 8.175, 7.376, 9.153, 9.535, 6.247, 1.832, 5.3, 5.3,
],
markers: { type: 'roundedRect', visible: false },
color: '#ed561b',
},
{
name: 'Series 4',
type: 'line',
data: [
0.01, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.69, 2.995,
],
markers: { visible: false },
color: '#dddf00',
},
{
name: 'Custom',
type: 'line',
data: [2, 1.2, 4, 2, 5, 6, -4, -6, -4, -6],
markers: { visible: false },
legendItem: {
type: 'area',
area: {
opacity: 0.5,
},
highlight: {
visible: false,
},
},
color: '#24cbe5',
},
];I am not sure how to pinpoint timestamps to the specific values, by now I can only find suitable examples within scatterline charts where the timestamps are given within the data array separately like the following structure as example:
onst data = (): WeatherData[] =>
[
{
Timestamp: '2018-01-01T00:00:00.000',
TMax: 3.3,
TMin: -12,
Wind: 5.5,
Rain: 0
},
{
Timestamp: '2018-01-02T00:00:00.000',
TMax: 5.2,
TMin: -10,
Wind: 8.1,
Rain: 0
},
...
];What would be the correct way to define data in a series consisting of value and timestamp tumples?
Seems simple, but I can't figure it out.
Best Regards,
FirestormHell
0 answers
10 views
Hello everyone, I have a component to graph, I am using the bar graph in this graph I have to modify the appearance of the labels, I help myself with Visual SeriesLabels to use a function that can do this.
My question is the following:
I would like to unit test this but I get an error with the "Path.fromRect" and "new Group();" functions.
My question is the following:
I would like to unit test this but I get an error with the "Path.fromRect" and "new Group();" functions.
0 answers
24 views
Display separate horizontal dashed line in vertical kendo chart with the given values including existing lines
0 answers
25 views
Hello, there is a conflict happen when I use seriesdefault to custom the colors of bars, the trendline dissapear, it exists but never show
0 answers
36 views
<kendo-chart [categoryAxis]="{ categories: categories }">
<kendo-chart-series-defaults type="bar">
<kendo-chart-series-defaults-labels format="c">
</kendo-chart-series-defaults-labels>
</kendo-chart-series-defaults>
<kendo-chart-series>
<kendo-chart-series-item [data]="salesData"> </kendo-chart-series-item>
<kendo-chart-series-item [data]="purchaseData">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
0 answers
34 views
I would like the value 0 to always be visible in the graph as a reference.
How can I do?
How can I do?
0 answers
39 views
I would like to disable the popup when hovering over the graph point.
how to remove 1 in photo
0 answers
28 views
How do I start the graph of the minimum value among those available. I would like that if the minimum value among those available is -10,000 then the graph starts not from 0 but from -10,000
0 answers
35 views
How do I put only and exclusively the value 0 in ase y in bold and different color?
0 answers
45 views
Hello everyone,
I would like to know how to decrease the separation space between the labels and the graphics (as seen in the image in blue color)
It is for not having so much separation between the information and reducing the space that you have
