Ошибка при попытке использовать CanvasJS через RequireJS - PullRequest
0 голосов
/ 28 декабря 2018

Я пытаюсь использовать CanvasJS внутри моего проекта.Я использую RequireJS для управления модулями, и у меня есть это в основном скрипте:

define(['domReady',"canvasjs","common-functions"], function(domReady,CanvasJS) {
    domReady(function () {
        window.CanvasJS = CanvasJS;
        init_page_select();
    });
});

Это то, что у меня есть в моем файле конфигурации requireJS для пути:

 "paths": {
      // other stuff here
      "canvasjs": "node_modules/canvasjs/dist/canvasjs.min"

    },

Я вижу, что файл canvasjs.min.js отлично захватывается - но затем я получаю странную ошибку:

ReferenceError: intToHexColorString is not defined[Learn More] canvasjs.min.js:7:7042
    [33]</n.prototype.render https://www.test.org/2018/js/lib/node_modules/canvasjs/dist/canvasjs.min.js:7:7042
    [28]</n.prototype.render https://www.test.org/2018/js/lib/node_modules/canvasjs/dist/canvasjs.min.js:5:14150
    n/this.render https://www.test.org/2018/js/lib/node_modules/canvasjs/dist/canvasjs.min.js:8:17771
    init_page_select https://www.test.org/2018/js/lib/spot_view_stats.js:83:2
    <anonymous> https://www.test.org/2018/js/lib/spot_view_stats.js:4:3
    domReady https://www.test.org/2018/js/lib/domready.js:105:13
    <anonymous> https://www.test.org/2018/js/lib/spot_view_stats.js:2:2
    execCb https://www.test.org/2018/js/lib/require.js:5:12859
    check https://www.test.org/2018/js/lib/require.js:5:6575
    enable/</< https://www.test.org/2018/js/lib/require.js:5:9031
    bind/< https://www.test.org/2018/js/lib/require.js:5:812
    emit/< https://www.test.org/2018/js/lib/require.js:5:9497
    each https://www.test.org/2018/js/lib/require.js:5:289
    emit https://www.test.org/2018/js/lib/require.js:5:9465
    check https://www.test.org/2018/js/lib/require.js:5:7169
    enable/</< https://www.test.org/2018/js/lib/require.js:5:9031
    bind/< https://www.test.org/2018/js/lib/require.js:5:812
    emit/< https://www.test.org/2018/js/lib/require.js:5:9497
    each https://www.test.org/2018/js/lib/require.js:5:289
    emit https://www.test.org/2018/js/lib/require.js:5:9465
    check https://www.test.org/2018/js/lib/require.js:5:7169
    enable https://www.test.org/2018/js/lib/require.js:5:9358
    init https://www.test.org/2018/js/lib/require.js:5:5716
    h https://www.test.org/2018/js/lib/require.js:5:4287
    completeLoad https://www.test.org/2018/js/lib/require.js:5:12090
    onScriptLoad https://www.test.org/2018/js/lib/require.js:5:13014

Я вызываю его с помощью:

var chart = new CanvasJS.Chart("thegraph",
{
  title:{
   text: impressionText
 },
  theme: "theme2",
 axisX: {
   valueFormatString: "MMM-DD-YYYY",
   labelAngle: -50
  },
  axisY:{
    valueFormatString: "#0",
    title:  impressionText
  },
 data: [
 {
  type: "line",
  showInLegend: true,
  legendText: legendText,
  dataPoints: dataPoints
}
]
});

chart.render();

Интересно, что если я скажу ему загрузить canvasjs.js вместо canvasjs.min.js , я получу еще одну ошибку:

ReferenceError: intToHexColorString не определено [Узнать больше]

1 Ответ

0 голосов
/ 28 декабря 2018

ОК, так что, похоже, проблема в моей версии.По какой-то причине «npm install canvasjs» устанавливал 1.8.1, но 2.2 вышло.Согласно их запросу, я обновил это до 2.2, и это решило проблему.Кажется странным, что npm работает на такой устаревшей версии, хотя

...