Я разрабатываю простой веб-сайт в HTML, и мне нужно добавить диаграмму tagCloud. Я не могу понять, как установить метод масштабирования. В документации объясняется использование anychart.scales.log(), но мне нужна диаграмма, на которой видно, имеет ли единица более высокую частоту, но в то же время мне нужно, чтобы единицы с более низкими частотами не были невидимы. В моем случае логарифмический метод приводит все данные почти к одному размеру.
anychart.onDocumentReady(function() {
var data = [
{"x": "CompanyNameLTD", "value": 10000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 100, category: "Technology"},
{"x": "CompanyNameLTD", "value": 5000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 8000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 1000, category: "Phone"},
{"x": "CompanyNameLTD", "value": 10000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 100, category: "Technology"},
{"x": "CompanyNameLTD", "value": 5000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 1000, category: "Phone"},
{"x": "CompanyNameLTD", "value": 10000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 100, category: "Technology"},
{"x": "CompanyNameLTD", "value": 5000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 8000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 1000, category: "Phone"},
{"x": "CompanyNameLTD", "value": 10000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 5000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 1000, category: "Technology"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 4000, category: "Seller"},
{"x": "CompanyNameLTD", "value": 1000, category: "Phone"}
];
var chart = anychart.tagCloud(data);
var tooltip = chart.tooltip();
chart.tooltip().useHtml(true);
tooltip.positionMode("point");
tooltip.format("Goal: <b>{%value}");
chart.angles([0])
chart.container("wordCloudChart");
chart.listen("pointClick", function(e){
var url = "https://en.wikipedia.org/wiki/" + e.point.get("x");
window.open(url, "_blank");
});
chart.background().fill({
keys: ["#2a2a2a", "#2a2a2a", "#2a2a2a"],
angle: 130,
});
chart.scale(anychart.scales.log());
chart.draw();
});А это с и без
Кто-нибудь знает, есть ли лучший способ?
chart.scale(anychart.scales.log());из своего кода и все. он применит линейную шкалу по умолчанию. 26.11.2019