Setting separate localization labels in global object
Global object
by Flexmonster Pivot Table
HTML
<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<div id="pivot-container"></div>
JavaScript
var pivot = new Flexmonster({
container: "pivot-container",
componentFolder: "https://cdn.flexmonster.com/",
width: "100%",
height: 430,
toolbar: true,
report: {
dataSource: {
data: getData()
},
slice: {
rows: [
{uniqueName: "Country"},
{uniqueName: "Color"}
],
columns: [
{
"uniqueName": "Date.Year"
},
{
"uniqueName": "Date.Month"
},
{
"uniqueName": "Date.Day"
},
{
"uniqueName": "[Measures]"
}
],
measures: [{uniqueName: "Price"}]
}
},
global: {
localization: {
grid: {
"blankMember": "",
"dateInvalidCaption": ""
}
}
}
});
function getData() {
return [{
"Color": "green",
"M": "September",
"W": "Wed",
"Country": "Canada",
"State": "Ontario",
"City": "Toronto",
"Price": 174,
"Quantity": 22,
"Date": "2012-05-07"
}, {
"Color": "red",
"M": "March",
"W": "Mon",
"Time": "1000",
"Country": "USA",
"State": "California",
"City": "Los Angeles",
"Price": 1664,
"Quantity": 19,
"Date": ""
}];
}