Utf 8 D3-如何在D3中包含č，š，ž字母_Utf 8_D3.js_Character Encoding_Letters

Utf 8 D3-如何在D3中包含č，š，ž字母

utf-8 d3.js character-encoding

Utf 8 D3-如何在D3中包含č，š，ž字母,utf-8,d3.js,character-encoding,letters,Utf 8,D3.js,Character Encoding,Letters,我是D3的初学者。我想知道如何在文本中包含像č，š，ž 我包括utf-8的线路： <meta charset="utf-8"> 但是没有成功。我能做什么？请帮忙这是我的密码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>Slo</title> <script type="text/javascr

我是D3的初学者。我想知道如何在文本中包含像č，š，ž

我包括utf-8的线路：

<meta charset="utf-8">

但是没有成功。我能做什么？请帮忙

这是我的密码：

<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8" >
    <title>Slo</title>
    <script type="text/javascript" src="D3/d3.js"></script>

    <style type="text/css">
        .naslov {
            fill: #505050;
            font: 18px sans-serif;}

        .podnaslov {
            fill: #777;
            font: 12px sans-serif;}

        .besedilo {
            fill: #777;
            font: 8px sans-serif;}

        .land {
            fill: #ccc;
            stroke: #fff;
            stroke-linejoin: round;
            stroke-linecap: round;
            stroke-width: .5;}
    </style>

</head>

<body>
<script type="text/javascript">

var w = 1000;
var h = 450;

var formatNumber = d3.format(",.0f");

var radius = d3.scale.sqrt()
    .domain([0, 1e6])
    .range([1, 90]);    

//Projekcija
var projection = d3.geo.mercator()
    .scale(11000)
    .translate([-2480,10270]);

//Path generator
var path = d3.geo.path()
    .projection(projection);

//Create SVG element
var svg = d3.select("body").append("svg")
    .attr("width", w)
    .attr("height", h)

//Napisi
var naslov = svg.append("text")
    .text("PREBIVALSTVO V SLOVENIJI PO NASELJIH")
    .attr("class", "naslov")
    .attr("x",15).attr("y",30);
var podnaslov = svg.append("text")
    .text("LETA 2002 in 2013")
    .attr("class", "podnaslov")
    .attr("x",15).attr("y",60);
var besedilo1 = svg.append("text")
    .attr("class", "besedilo")
    .text("Velikost kroga kaže na stevilo prebivalcev v naselju leta 2013.").attr("x",15).attr("dy",100);
var besedilo2 = svg.append("text")
    .attr("class", "besedilo")
    .text("Prikazani so podatki za naselja, ki so imela leta 2013 vec kot 1300 prebivalcev.").attr("x",15).attr("dy",112);
var besedilo3 = svg.append("text")
    .attr("class", "besedilo")
    .text("Zadrži miško na krogih in si oglej podatke.").attr("x",15).attr("dy",124);

//Load in GeoJSON data
d3.json("Obstara.geojson", function (data){
        svg.selectAll("path")
        .data(data.features)
        .enter()
        .append("path")
        .attr("d", path)
        .attr("class","land")       
});

//Load mesta
d3.csv("Mesta_02_13.csv", function(error,podatki) {
    if (error) return console.error(erorr);

   svg.selectAll("circle")
       .data(podatki)
       .enter()
        .append("circle")
        .style("fill", function(d) {
            if (d.trinajst-d.dva <= 0) {return "#9D5355"}
            else    { return "#006699"};})
        .attr("cx", function(d) {return projection([d.lon, d.lat])[0];})
        .attr("cy", function(d) {return projection([d.lon, d.lat])[1];})
        .attr("r", function(d) { return radius(d.trinajst); })
        .style("stroke","grey")
        .style("stroke-width", '0.3px')
        .style("opacity", 0.6)
        .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
        .on("mouseout", function(){d3.select(this).style("fill", function(d) {
            if (d.trinajst-d.dva <= 0) {return "#9D5355"}
            else    { return "#006699" };});})
        .append("title")
        .text(function(d) { return d.name + "\n2002: " + d.dva + "\n2013: " + d.trinajst; })
});


    </script>
</body>

其他人可能也有同样的问题：

首先，您需要更改文档的编码并以UTF-8格式保存一次，然后将UTF-8文本放入该文档中。

如何创建包含这些字符的文件？你是如何保存它的？用什么编码？将浏览器中的编码手动更改为其他编码是否可以使其正确显示？如果是的话，哪一个？显示重现问题的实际代码，并检查您的文件是否确实是UTF-8编码的。我在up QUISTION中添加了代码。谢谢！你让我改变了想法。我发现我可以在记事本++中设置编码，我上次在那里保存了我的文件csv、html。现在可以了！

&#269;

<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8" >
    <title>Slo</title>
    <script type="text/javascript" src="D3/d3.js"></script>

    <style type="text/css">
        .naslov {
            fill: #505050;
            font: 18px sans-serif;}

        .podnaslov {
            fill: #777;
            font: 12px sans-serif;}

        .besedilo {
            fill: #777;
            font: 8px sans-serif;}

        .land {
            fill: #ccc;
            stroke: #fff;
            stroke-linejoin: round;
            stroke-linecap: round;
            stroke-width: .5;}
    </style>

</head>

<body>
<script type="text/javascript">

var w = 1000;
var h = 450;

var formatNumber = d3.format(",.0f");

var radius = d3.scale.sqrt()
    .domain([0, 1e6])
    .range([1, 90]);    

//Projekcija
var projection = d3.geo.mercator()
    .scale(11000)
    .translate([-2480,10270]);

//Path generator
var path = d3.geo.path()
    .projection(projection);

//Create SVG element
var svg = d3.select("body").append("svg")
    .attr("width", w)
    .attr("height", h)

//Napisi
var naslov = svg.append("text")
    .text("PREBIVALSTVO V SLOVENIJI PO NASELJIH")
    .attr("class", "naslov")
    .attr("x",15).attr("y",30);
var podnaslov = svg.append("text")
    .text("LETA 2002 in 2013")
    .attr("class", "podnaslov")
    .attr("x",15).attr("y",60);
var besedilo1 = svg.append("text")
    .attr("class", "besedilo")
    .text("Velikost kroga kaže na stevilo prebivalcev v naselju leta 2013.").attr("x",15).attr("dy",100);
var besedilo2 = svg.append("text")
    .attr("class", "besedilo")
    .text("Prikazani so podatki za naselja, ki so imela leta 2013 vec kot 1300 prebivalcev.").attr("x",15).attr("dy",112);
var besedilo3 = svg.append("text")
    .attr("class", "besedilo")
    .text("Zadrži miško na krogih in si oglej podatke.").attr("x",15).attr("dy",124);

//Load in GeoJSON data
d3.json("Obstara.geojson", function (data){
        svg.selectAll("path")
        .data(data.features)
        .enter()
        .append("path")
        .attr("d", path)
        .attr("class","land")       
});

//Load mesta
d3.csv("Mesta_02_13.csv", function(error,podatki) {
    if (error) return console.error(erorr);

   svg.selectAll("circle")
       .data(podatki)
       .enter()
        .append("circle")
        .style("fill", function(d) {
            if (d.trinajst-d.dva <= 0) {return "#9D5355"}
            else    { return "#006699"};})
        .attr("cx", function(d) {return projection([d.lon, d.lat])[0];})
        .attr("cy", function(d) {return projection([d.lon, d.lat])[1];})
        .attr("r", function(d) { return radius(d.trinajst); })
        .style("stroke","grey")
        .style("stroke-width", '0.3px')
        .style("opacity", 0.6)
        .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
        .on("mouseout", function(){d3.select(this).style("fill", function(d) {
            if (d.trinajst-d.dva <= 0) {return "#9D5355"}
            else    { return "#006699" };});})
        .append("title")
        .text(function(d) { return d.name + "\n2002: " + d.dva + "\n2013: " + d.trinajst; })
});


    </script>
</body>

name,lat,lon,dva,trinajst
Ljubljana,46.0605,14.5166,258873,274826
Maribor,46.5620,15.6482,93847,94809
Celje,46.2524,15.2765,37834,37490
Mengeš,46.1686,14.5731,5557,6202
 ...