vline symbols not showing on chart

[anani112]

I'm currently trying to add a vertical line to my chart using the symbols but I can't see any vertical line on my chart. I tested with horizontal lines and those are working as expected. I'm using release 2.0.28

Config:

var chartOptions = {
            axes: {
                x: { key: 'x', type: 'date', ticksInterval: 60 * 24 },
                y: { type: 'linear' }
            },
            grid: {
                x: false,
                y: true
            },
            symbols: [{
                type: 'vline',
                value: new Date("2017-06-21T04:29:06.000Z"),
                color: '#ed4b3a'
            },
            {
                type: 'hline',
                value: 80000,
                color: '#ed4b3a',
                axis: 'y'
            }],
            series: [
              ...
            ],
            drawDots: false
        };

This is a screenshot of what I'm seeing: you can see the horizontal line but no vertical line (I even edited the CSS to change with size of both lines but only the hline is visible and changes size)

Let me know if there is anything I'm doing wrong

[anani112]

found the cause of the problem i was facing.

It turns out when parsing the VLine options, the library expects a number (see

line-chart/src/options/SymbolOptions.ts

Line 28 in f9b0ba2

this.value = Options.getNumber(js.value, 0);

)

However when that x-axis is of the 'date' type, one would expect the VLine value to also be a date. To fix this issue I converted my date object to a number using the Date().getTime() function and now the line shows up as expected.