Пользовательский образ React-Native-Chart-JS для PointStyle

Question

Попытка получить пользовательское изображение в качестве pointStyle для ChartJS через пакет NPM, React-Native-Chart-JS.

Перепробовал все способы, предложенные в различных вопросах stackru, касающихся ChartJS.

В настоящее время есть этот код. Закомментированный код - некоторые из методов, которые я попробовал.

// const pillIcon = <Image source={Images.pillIcon} style={styles.icon}></Image>;

// const pillIcon = new Image('../../data/assets/pill.svg');

// const pillIcon = new Image(30, 30);
// pillIcon.src = '../../data/assets/pill.png';

// const ctx = canvas.getContext('2d');
// const pillIcon = ctx.drawImage(Images.pillIcon2, 30, 30)

handleCanvas = (canvas) => {
    const ctx = canvas.getContext('2d');
    var img = new Image();
    img.src = Images.pillIcon;
    img.onLoad = function(){
      ctx.drawImage(img, 30, 30)
    };
  };
const pillIcon = <Canvas ref={this.handleCanvas}/>


// const pillIcon = new Image(handleCanvas, 30, 30);

и это где будет реализовано.

  {
    label: 'Label',
    fill: false,
    backgroundColor: 'purple',
    borderColor: 'transparent',
    borderWidth: 1,
    pointBorderColor: 'purple',
    pointBorderWidth: 1,
    pointHoverRadius: 5,
    // pointStyle: 'star',
    pointHoverBackgroundColor: 'purple',
    pointHoverBorderColor: 'rgba(220,220,220,1)',
    pointHoverBorderWidth: 2,
    pointRadius: 30,
    pointStyle: pillIcon,
    pointHitRadius: 10,
    data: [95, 95, 95, 95, 95, 95, 95]
  }