ibm-watson - IBM ワトソンのトレードオフ分析 JavaScript ウィジェットが不明なエラーを返す

Question

IBM Watson の Tradeoff Analytics ウィジェットを実行して、トレードオフ分析グラフを Web ページに表示しようとしています。Tradeoff Analytics API は正常に起動していますが、グラフを表示するために問題を送信すると、未定義のエラーが発生します。以下は、Tradeoff Analytics ウィジェットの実行に使用しているサンプル コードです。

function errorHandler(payload){
   alert(payload.errorMessage);
}

function onShowCompleteCB(payload){
    alert('show Tradeoff graph complete');
}
function onStartCB(payload){
    alert('sending trade-off problem');
    var problem = <problem-json>;
    taClient.show(problem, onShowCompleteCB);
}

var options = { 
    dilemmaServiceUrl : <tradeoff-service-url>, 
    username : <username>,
    password : <password>
};

var taClient = new TradeoffAnalytics(options , document.getElementById('watson_widget'));
var s = taClient.subscribe('afterError', errorHandler);
taClient.start(onStartCB);

また、javascript デバッガーから、最後の要求に対する HTTP 応答が応答ヘッダーWWW-Authenticate:Basic realm="IBM Watson Gateway Log-in" を返したことに気付きました。さらに、javascript コンソールXMLHttpRequest cannot loadで次のエラーが発生します。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン '' へのアクセスは許可されていません。応答には HTTP ステータス コード 401 がありました。

ここで何がうまくいかないのか、誰かが私を助けてくれますか?

PS: ユーザー名とパスワードをクロスチェックしたところ、REST ベースの API 呼び出しで問題なく動作しているようです。