0

I am using the highcharts library to draw the graph. But I want to use the custom markers instead of predefined markers like(circle, rectangle etc). I am working in react and using the wrapper of high chart library.

 series: [{
        name: 'symbol name',
        data: [29.9, 71.5, 106.4, ],
        marker: {
            symbol: url('image url here');
        }
    }

when I mention the image URL then it loads the image from the network. But I want to load the image of maker from the hard disk, not from internet how can I do this.

Example is available on this link

Ishmal Ijaz
  • 5,317
  • 3
  • 11
  • 17
  • 2
    Short answer : You can't. Long answer : If you use highcharts on your computer with or without `localhost`, then you can use a picture on your computer but on a website you can't do that. – Core972 Sep 28 '18 at 08:14
  • 1
    Hi Sunny, loading a image to Highcharts is the same as loading it to a website. This topic can be useful: https://stackoverflow.com/questions/4908171/how-to-show-local-picture-in-web-page – ppotaczek Sep 28 '18 at 10:17

1 Answers1

0

Download it (https://www.highcharts.com/samples/graphics/sun.png). Then for example, copy image to local website. And update URL "/image/sun.png"

alcnturkmen
  • 36
  • 1