Fix float percentiles line chart (#71902)

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Marco Liberati 2020-07-20 10:22:05 +02:00 committed by GitHub
parent 105e3a6c7e
commit a28463d82a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 1594 additions and 320 deletions

View file

@ -21,7 +21,23 @@ import _ from 'lodash';
import { i18n } from '@kbn/i18n';
function getSeriId(seri) {
return seri.id && seri.id.indexOf('.') !== -1 ? seri.id.split('.')[0] : seri.id;
if (!seri.id) {
return;
}
// Ideally the format should be either ID or "ID.SERIES"
// but for some values the SERIES components gets a bit more complex
// Float values are serialized as strings tuples (i.e. ['99.1']) rather than regular numbers (99.1)
// so the complete ids are in the format ID.['SERIES']: hence the specific brackets handler
const bracketsMarker = seri.id.indexOf('[');
if (bracketsMarker > -1) {
return seri.id.substring(0, bracketsMarker);
}
// Here's the dot check is enough
if (seri.id.indexOf('.') > -1) {
return seri.id.split('.')[0];
}
return seri.id;
}
const createSeriesFromParams = (cfg, seri) => {

View file

@ -20,6 +20,8 @@ import stackedSeries from '../../../fixtures/mock_data/date_histogram/_stacked_s
import { vislibPointSeriesTypes } from './point_series';
import percentileTestdata from './testdata_linechart_percentile.json';
import percentileTestdataResult from './testdata_linechart_percentile_result.json';
import percentileTestdataFloatValue from './testdata_linechart_percentile_float_value.json';
import percentileTestdataFloatValueResult from './testdata_linechart_percentile_float_value_result.json';
const maxBucketData = {
get: (prop) => {
@ -215,18 +217,26 @@ describe('Point Series Config Type Class Test Suite', function () {
});
describe('line chart', function () {
beforeEach(function () {
function prepareData({ cfg, data }) {
const percentileDataObj = {
get: (prop) => {
return maxBucketData[prop] || maxBucketData.data[prop] || null;
},
getLabels: () => [],
data: percentileTestdata.data,
data: data,
};
parsedConfig = vislibPointSeriesTypes.line(percentileTestdata.cfg, percentileDataObj);
});
const parsedConfig = vislibPointSeriesTypes.line(cfg, percentileDataObj);
return parsedConfig;
}
it('should render a percentile line chart', function () {
expect(JSON.stringify(parsedConfig)).toEqual(JSON.stringify(percentileTestdataResult));
const parsedConfig = prepareData(percentileTestdata);
expect(parsedConfig).toMatchObject(percentileTestdataResult);
});
it('should render a percentile line chart when value is float', function () {
const parsedConfig = prepareData(percentileTestdataFloatValue);
expect(parsedConfig).toMatchObject(percentileTestdataFloatValueResult);
});
});
});

View file

@ -140,320 +140,320 @@
}
},
"yAxisLabel": "",
"series": [
{
"id": "1.1",
"rawId": "col-1-1.1",
"label": "1st percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 116.33676605224609,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 0,
"value": 116.33676605224609
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
},
{
"x": 1557547200000,
"y": 223,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 1,
"value": 223
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
}
]
},
{
"id": "1.50",
"rawId": "col-2-1.50",
"label": "50th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 658.8453063964844,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 0,
"value": 658
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
},
{
"x": 1557547200000,
"y": 756,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 1,
"value": 756.2283554077148
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
}
]
}
],
"hits": 2
},
"series": [
{
"id": "1.1",
"rawId": "col-1-1.1",
"label": "1st percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 116.33676605224609,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 0,
"value": 116.33676605224609
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
},
{
"x": 1557547200000,
"y": 223,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 1,
"value": 223
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
}
]
},
{
"id": "1.50",
"rawId": "col-2-1.50",
"label": "50th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 658.8453063964844,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 0,
"value": 658
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
},
{
"x": 1557547200000,
"y": 756,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 1,
"value": 756.2283554077148
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
}
]
}
],
"type": "series",
"labels": [
"1st percentile of AvgTicketPrice",

View file

@ -0,0 +1,463 @@
{
"cfg": {
"addLegend": true,
"addTimeMarker": false,
"addTooltip": true,
"categoryAxes": [
{
"id": "CategoryAxis-1",
"labels": {
"show": true,
"truncate": 100
},
"position": "bottom",
"scale": {
"type": "linear"
},
"show": true,
"style": {},
"title": {},
"type": "category"
}
],
"dimensions": {
"x": {
"accessor": 0,
"format": {
"id": "date",
"params": {
"pattern": "YYYY-MM-DD"
}
},
"params": {
"date": true,
"interval": "P1D",
"format": "YYYY-MM-DD",
"bounds": {
"min": "2019-05-10T04:00:00.000Z",
"max": "2019-05-12T10:18:57.342Z"
}
},
"aggType": "date_histogram"
},
"y": [
{
"accessor": 1,
"format": {
"id": "number",
"params": {
"pattern": "$0,0.[00]"
}
},
"params": {},
"aggType": "percentiles"
},
{
"accessor": 2,
"format": {
"id": "number",
"params": {
"pattern": "$0,0.[00]"
}
},
"params": {},
"aggType": "percentiles"
}
]
},
"grid": {
"categoryLines": false,
"style": {
"color": "#eee"
}
},
"legendPosition": "right",
"seriesParams": [
{
"data": {
"id": "1",
"label": "Percentiles of AvgTicketPrice"
},
"drawLinesBetweenPoints": true,
"interpolate": "cardinal",
"mode": "normal",
"show": "true",
"showCircles": true,
"type": "line",
"valueAxis": "ValueAxis-1"
}
],
"times": [],
"type": "area",
"valueAxes": [
{
"id": "ValueAxis-1",
"labels": {
"filter": false,
"rotate": 0,
"show": true,
"truncate": 100
},
"name": "LeftAxis-1",
"position": "left",
"scale": {
"mode": "normal",
"type": "linear"
},
"show": true,
"style": {},
"title": {
"text": "Percentiles of AvgTicketPrice"
},
"type": "value"
}
]
},
"data": {
"uiState": {},
"data": {
"xAxisOrderedValues": [
1557460800000,
1557547200000
],
"xAxisFormat": {
"id": "date",
"params": {
"pattern": "YYYY-MM-DD"
}
},
"xAxisLabel": "timestamp per day",
"ordered": {
"interval": "P1D",
"date": true,
"min": 1557460800000,
"max": 1557656337342
},
"yAxisFormat": {
"id": "number",
"params": {
"pattern": "$0,0.[00]"
}
},
"yAxisLabel": "",
"hits": 2
},
"series": [
{
"id": "1.['1.1']",
"rawId": "col-1-1.['1.1']",
"label": "1.1th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 116.33676605224609,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 0,
"value": 116.33676605224609
},
"parent": null,
"series": "1.1th percentile of AvgTicketPrice",
"seriesId": "col-1-1.['1.1']"
},
{
"x": 1557547200000,
"y": 223,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 1,
"value": 223
},
"parent": null,
"series": "1.1th percentile of AvgTicketPrice",
"seriesId": "col-1-1.['1.1']"
}
]
},
{
"id": "1.50",
"rawId": "col-2-1.50",
"label": "50th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 658.8453063964844,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 0,
"value": 658
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
},
{
"x": 1557547200000,
"y": 756,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 1,
"value": 756.2283554077148
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
}
]
}
],
"type": "series",
"labels": [
"1.1th percentile of AvgTicketPrice",
"50th percentile of AvgTicketPrice"
]
}
}

View file

@ -0,0 +1,456 @@
{
"addLegend": true,
"addTimeMarker": false,
"addTooltip": true,
"categoryAxes": [
{
"id": "CategoryAxis-1",
"labels": {
"show": true,
"truncate": 100
},
"position": "bottom",
"scale": {
"type": "linear"
},
"show": true,
"style": {},
"title": {
"text": "Date Histogram"
},
"type": "category"
}
],
"dimensions": {
"x": {
"accessor": 0,
"format": {
"id": "date",
"params": {
"pattern": "YYYY-MM-DD"
}
},
"params": {
"date": true,
"interval": "P1D",
"format": "YYYY-MM-DD",
"bounds": {
"min": "2019-05-10T04:00:00.000Z",
"max": "2019-05-12T10:18:57.342Z"
}
},
"aggType": "date_histogram"
},
"y": [
{
"accessor": 1,
"format": {
"id": "number",
"params": {
"pattern": "$0,0.[00]"
}
},
"params": {},
"aggType": "percentiles"
},
{
"accessor": 2,
"format": {
"id": "number",
"params": {
"pattern": "$0,0.[00]"
}
},
"params": {},
"aggType": "percentiles"
}
]
},
"grid": {
"categoryLines": false,
"style": {
"color": "#eee"
}
},
"legendPosition": "right",
"seriesParams": [
{
"data": {
"id": "1",
"label": "Percentiles of AvgTicketPrice"
},
"drawLinesBetweenPoints": true,
"interpolate": "cardinal",
"mode": "normal",
"show": "true",
"showCircles": true,
"type": "line",
"valueAxis": "ValueAxis-1"
}
],
"times": [],
"type": "point_series",
"valueAxes": [
{
"id": "ValueAxis-1",
"labels": {
"filter": false,
"rotate": 0,
"show": true,
"truncate": 100
},
"name": "LeftAxis-1",
"position": "left",
"scale": {
"mode": "normal",
"type": "linear"
},
"show": true,
"style": {},
"title": {
"text": "Percentiles of AvgTicketPrice"
},
"type": "value"
}
],
"chartTitle": {},
"mode": "normal",
"tooltip": {
"show": true
},
"charts": [
{
"type": "point_series",
"addTimeMarker": false,
"series": [
{
"show": true,
"type": "area",
"mode": "normal",
"drawLinesBetweenPoints": true,
"showCircles": true,
"data": {
"id": "1.['1.1']",
"rawId": "col-1-1.['1.1']",
"label": "1.1th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 116.33676605224609,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 0,
"value": 116.33676605224609
},
"parent": null,
"series": "1.1th percentile of AvgTicketPrice",
"seriesId": "col-1-1.['1.1']"
},
{
"x": 1557547200000,
"y": 223,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 1,
"value": 223
},
"parent": null,
"series": "1.1th percentile of AvgTicketPrice",
"seriesId": "col-1-1.['1.1']"
}
]
}
},
{
"data": {
"id": "1.50",
"rawId": "col-2-1.50",
"label": "50th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 658.8453063964844,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 0,
"value": 658
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
},
{
"x": 1557547200000,
"y": 756,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.['1.1']",
"name": "1.1th percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.['1.1']": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.['1.1']": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 1,
"value": 756.2283554077148
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
}
]
},
"drawLinesBetweenPoints": true,
"interpolate": "cardinal",
"mode": "normal",
"show": "true",
"showCircles": true,
"type": "line",
"valueAxis": "ValueAxis-1"
}
]
}
],
"enableHover": true
}

View file

@ -122,8 +122,337 @@
{
"type": "point_series",
"addTimeMarker": false,
"series": []
"series": [
{
"data": {
"id": "1.1",
"rawId": "col-1-1.1",
"label": "1st percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 116.33676605224609,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 0,
"value": 116.33676605224609
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
},
{
"x": 1557547200000,
"y": 223,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 1,
"row": 1,
"value": 223
},
"parent": null,
"series": "1st percentile of AvgTicketPrice",
"seriesId": "col-1-1.1"
}
]
},
"drawLinesBetweenPoints": true,
"interpolate": "cardinal",
"mode": "normal",
"show": "true",
"showCircles": true,
"type": "line",
"valueAxis": "ValueAxis-1"
},
{
"data": {
"id": "1.50",
"rawId": "col-2-1.50",
"label": "50th percentile of AvgTicketPrice",
"values": [
{
"x": 1557460800000,
"y": 658.8453063964844,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 0,
"value": 1557460800000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 0,
"value": 658
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
},
{
"x": 1557547200000,
"y": 756,
"extraMetrics": [],
"xRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 0,
"row": 1,
"value": 1557547200000
},
"yRaw": {
"table": {
"columns": [
{
"id": "col-0-2",
"name": "timestamp per day"
},
{
"id": "col-1-1.1",
"name": "1st percentile of AvgTicketPrice"
},
{
"id": "col-2-1.50",
"name": "50th percentile of AvgTicketPrice"
}
],
"rows": [
{
"col-0-2": 1557460800000,
"col-1-1.1": 116,
"col-2-1.50": 658
},
{
"col-0-2": 1557547200000,
"col-1-1.1": 223,
"col-2-1.50": 756
}
]
},
"column": 2,
"row": 1,
"value": 756.2283554077148
},
"parent": null,
"series": "50th percentile of AvgTicketPrice",
"seriesId": "col-2-1.50"
}
]
},
"drawLinesBetweenPoints": true,
"interpolate": "cardinal",
"mode": "normal",
"show": "true",
"showCircles": true,
"type": "line",
"valueAxis": "ValueAxis-1"
}
]
}
],
"enableHover": true
}
}