执行JavaScript的Netsuite HTML Portlet
我希望在NetSuite中创建一个自定义portlet，其中代码本身执行两次搜索，然后使用某种图表包比较portlet上的数据和显示。我选择从Chart.js开始，因为它可以下载并添加到SuiteScript文件夹中。我对图表显示有任何问题，包括仅使用测试数据 以下是我正在使用的脚本，其中包括测试html数据：执行JavaScript的Netsuite HTML Portlet,javascript,chart.js,netsuite,suitescript2.0,Javascript,Chart.js,Netsuite,Suitescript2.0,我希望在NetSuite中创建一个自定义portlet，其中代码本身执行两次搜索，然后使用某种图表包比较portlet上的数据和显示。我选择从Chart.js开始，因为它可以下载并添加到SuiteScript文件夹中。我对图表显示有任何问题，包括仅使用测试数据 以下是我正在使用的脚本，其中包括测试html数据： /** * @NApiVersion 2.x * @NScriptType Portlet */ define([], function() { function ren
/**
* @NApiVersion 2.x
* @NScriptType Portlet
*/
define([], function() {
function render(params) {
params.portlet.title = 'My Portlet';
var content = "<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><meta http-equiv='X-UA-Compatible' content='ie=edge'><script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js'></script><link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'><title>My Chart.js Chart</title></head><body><div class='container'><canvas id='myChart'></canvas></div><script>let myChart = document.getElementById('myChart').getContext('2d');Chart.defaults.global.defaultFontFamily = 'Lato';Chart.defaults.global.defaultFontSize = 18;Chart.defaults.global.defaultFontColor = '#777';let massPopChart = new Chart(myChart, {type: 'bar',data: {labels: ['Boston', 'Worcester', 'Springfield', 'Lowell', 'Cambridge', 'New Bedford'],datasets: [{label: 'Population',data: [617594, 181045, 153060, 106519, 105162, 95072],backgroundColor: ['rgba(255, 99, 132, 0.6)', 'rgba(54, 162, 235, 0.6)','rgba(255, 206, 86, 0.6)', 'rgba(75, 192, 192, 0.6)','rgba(153, 102, 255, 0.6)', 'rgba(255, 159, 64, 0.6)','rgba(255, 99, 132, 0.6)'],borderWidth: 1,borderColor: '#777',hoverBorderWidth: 3,hoverBorderColor: '#000'}]},options: {title: {display: true,text: 'Largest Cities In Massachusetts',fontSize: 25},legend: {display: true,position: 'right',labels: {fontColor: '#000'}},layout: {padding: {left: 50,right: 0,bottom: 0,top: 0}},tooltips: {enabled: true}}});</script></body></html>";
params.portlet.html = content;
}
return {
render: render
};
});
/**
*@NApiVersion 2.x
*@nscriptypeportlet
*/
定义（[]，函数（）{
函数渲染（参数）{
params.portlet.title='myportlet'；
var content=“My Chart.js Chartlet myChart=document.getElementById（'myChart'）.getContext（'2d'）；Chart.defaults.global.defaultFontFamily='Lato'；Chart.defaults.global.defaultFontSize=18；Chart.defaults.global.defaultFontColor='#777'；let massPopChart=新图表（myChart，{type:'bar'，data:{标签：['Boston'，'Worcester'，'Springfield'，'Lowell'，'Cambridge'，'New Bedford'，数据集：[617594181045115306010651910516295072]，背景色：['rgba（255,99132,0.6）''rgba（54162235,0.6）'rgba（25520686,0.6）'rgba（75192,192,0.6）'rgba（153102255,0.6）'rgba（255,159,0.6）'rgba（255,0.6）'（255，99，132，0.6）'），borderWidth:1，borderColor:'777'，hoverBorderWidth:3，hoverBorderColor:'000'}，选项：{title:{display:true，text:'马萨诸塞州最大城市'，fontSize:25}，图例：{display:true，position:'right'，标签：{fontColor:'000'}，布局：{padding:{padding:{left:50，right:0，bottom 0，top:0}，tooltips:{enabled:true}}；
params.portlet.html=内容；
}
返回{
渲染：渲染
};
});